with-rn-image-crop-picker

Expo config plugin for react-native-image-crop-picker.

About

This plugin adds the required attributes to the specific files as mentioned in the docs.

iOS

InfoPlist:

• NSPhotoLibraryUsageDescription
• NSCameraUsageDescription
• NSMicrophoneUsageDescription

Android

AndroidManifest:

• <uses-permission android:name="android.permission.CAMERA"/>
• <uses-permission android:name="android.permission.READ_MEDIA_IMAGES"/>

Project build.gradle:

• maven { url 'https://maven.google.com' }
• maven { url "https://www.jitpack.io" }

App build.gradle vectorDrawables.useSupportLibrary = true

Important note

Currently there is no full support for front-camera on android.

Requires Expo Dev Client in half-managed workflow. Learn more about:

• Expo Managed Workflow in 2021: part 1, part 2
• Expo dev-client docs
• Expo config plugin

Usage

1. Install with Expo

1$ expo install with-rn-image-crop-picker expo-build-properties

2. Check your app.json. It should look like this:

1 "plugins": [
2      "with-rn-image-crop-picker"
3    ],
4    [
5      "expo-build-properties",
6      {
7        "android": {
8          "compileSdkVersion": 33,
9          "targetSdkVersion": 33
10        }
11      }
12]

3. Rebuild your app

1$ expo prebuild
2$ expo run:ios --device
3$ expo run:android --device

Configuartion

You can configure the iOS messages by adding the following props to your app.json file:

• PhotoLibraryUsageDescription
• CameraUsageDescription
• MicrophoneUsageDescription

Example:

1"plugins": [
2  [
3		"with-rn-image-crop-picker",
4		{
5			"PhotoLibraryUsageDescription": "Allow app XYZ to access your photos",
6			"CameraUsageDescription": "Allow app XYZ to access your camera",
7			"MicrophoneUsageDescription": "Allow app XYZ to access your microphone"
8		}
9	]
10]

Contributing

Contributions are very welcome!

Support