imageengine support for react-native
npm install @imageengine/reactnativeThis project provides a React Native package for building optimized image URLs using ImageEngine. It includes utility functions and components to handle responsive images efficiently.
Check out our CodeSandbox demo to see the imageengine-reactnative package in action.
npm install @imageengine/reactnative
- generateOptimizedImageUrl: Constructs an optimized image URL based on the provided srcSet, deliveryAddress, and other parameters.
- chooseAppropriateImage: Selects the best image from a srcSet that fits the available screen width.
- processUrl: Cleans up the URL by removing unwanted parts and checks for supported image formats.
- constructUrl: Builds the final image URL using the provided source and directives.
- ResponsiveImage: A React component that renders an image optimized for the current screen size. It uses generateOptimizedImageUrl to determine the best image URL to use.
- App: Demonstrates the usage of the ResponsiveImage component with a predefined srcSet. It logs when the component is rendered and displays a sample image.
- IEFormat: Enum for supported image formats.
- IEFit: Enum for image fit options.
- IEDirectives: Class defining image transformation directives.