expo-image-manipulator

What is expo-image-manipulator?

The expo-image-manipulator package is a library for manipulating images in React Native applications. It provides a set of functions to perform operations such as cropping, rotating, flipping, and resizing images. This package is particularly useful for applications that need to process images on the client side before uploading or displaying them.

What are expo-image-manipulator's main functionalities?

Crop

This feature allows you to crop an image to a specified rectangle. The code sample demonstrates how to define a crop action with specific dimensions.

{ "action": "crop", "options": { "originX": 0, "originY": 0, "width": 100, "height": 100 } }

Rotate

This feature allows you to rotate an image by a specified angle. The code sample shows how to rotate an image by 90 degrees.

{ "action": "rotate", "options": { "angle": 90 } }

Flip

This feature allows you to flip an image either vertically or horizontally. The code sample demonstrates a vertical flip.

{ "action": "flip", "options": { "vertical": true } }

Resize

This feature allows you to resize an image to specified dimensions. The code sample shows how to resize an image to 200x200 pixels.

{ "action": "resize", "options": { "width": 200, "height": 200 } }

Other packages similar to expo-image-manipulator

sharp

Sharp is a high-performance image processing library for Node.js. It provides a wide range of image manipulation capabilities, including resizing, cropping, rotating, and more. Unlike expo-image-manipulator, which is designed for use in React Native applications, Sharp is primarily used in server-side Node.js environments.

jimp

Jimp is a JavaScript image processing library that works in both Node.js and browser environments. It offers similar functionalities to expo-image-manipulator, such as resizing, cropping, and rotating images. Jimp is more versatile in terms of environment compatibility but may not be as optimized for mobile applications as expo-image-manipulator.

gm

GraphicsMagick (gm) is a Node.js wrapper for the GraphicsMagick and ImageMagick image processing libraries. It provides extensive image manipulation capabilities, including those offered by expo-image-manipulator. However, gm requires native binaries to be installed, making it less suitable for mobile environments compared to expo-image-manipulator.

README

Provides functions that let you manipulation images on the local file system, eg: resize, crop.

API documentation

• Documentation for the latest stable release
• Documentation for the main branch

Installation in managed Expo projects

For managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the expo package before continuing.

Add the package to your npm dependencies

npx expo install expo-image-manipulator

Configure for Android

No additional set up necessary.

Configure for iOS

Run npx pod-install after installing the npm package.

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.