Getting Started
Requirementsโ
Because RNMIP uses Nitro Module, it complies with Nitro Modules' requirements.
View Nitro Modules' requirements here
- iOS
- Android
-
iOS
13+ -
react-native
0.75+ -
Xcode
16+
-
react-native
0.75+ -
compileSdkVersion
34+
Installingโ
Install @baronha/react-native-multiple-image-picker through npm:
This package requires
react-native-nitro-modules
to be installed first. See react-native-nitro-modules for more information.
- React Native
- Expo
yarn add @baronha/react-native-multiple-image-picker
yarn add -D react-native-nitro-modules@0.18.2
cd ios && pod install
npx expo install @baronha/react-native-multiple-image-picker
npx expo install react-native-nitro-modules@0.18.2 -- --dev
npx expo prebuild
Updating manifestsโ
- React Native
- Expo
Info.plistโ
Open your project's Info.plist
and add the following lines inside the outermost <dict>
tag:
<key>NSPhotoLibraryAddUsageDescription</key>
<string>$(PRODUCT_NAME) needs photo library permissions</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>$(PRODUCT_NAME) needs photo library permissions</string>
<!-- if you allow camera, you need to add this:-->
<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) needs to access your Camera</string>
<key>NSMicrophoneUsageDescription</key>
<string>$(PRODUCT_NAME) needs to access your microphone so that you can record audio.</string>
Managed Expoโ
Config your Expo app (app.json
, app.config.json
or app.config.js
):
{
"name": "my app",
"ios": {
// ...
"infoPlist": {
"NSPhotoLibraryAddUsageDescription": "$(PRODUCT_NAME) needs photo library permissions",
"NSPhotoLibraryUsageDescription": "$(PRODUCT_NAME) needs photo library permissions",
// if you allow camera, you need to add this
"NSCameraUsageDescription": "$(PRODUCT_NAME) needs to access your Camera",
"NSMicrophoneUsageDescription": "$(PRODUCT_NAME) needs to access your microphone so that you can record audio"
}
// ...
}
}
Finally, compile the mods:
npx expo prebuild
To apply the changes, build a new binary with EAS:
eas build