How to implement React-Native image picker using react-native-image-crop-picker for iOS.

Alex
7 min readOct 16, 2023

For this tutorial I will explain how to implement an image picker for your react-native application, this tutorial will only showcase selecting images from the gallery and not using the camera, the package I will be using will be react-native-image-crop-picker.

You can find out more about this package with the link below.

So the first thing to do is create a react-native application using a terminal and store the application somewhere safe, maybe your desktop or documents folder.

npx react-native@latest init ImageCropPicker

Once the project has finished being created open it in your chosen IDE, mine is VS Code.

We will now install the react-native-image-crop-picker package (try to say that after a few drinks) using the IDE terminal.

npm i react-native-image-crop-picker --save

Once that has installed we need to install the pods for this package too, so from the root of your project…

--

--

No responses yet