首先进到项目的根路径下 执行 npm install react-native-image-picker@latest --save命令
ios配置
打开Xcode打开项目,点击根目录,右键选择 Add Files to 'XXX',选中项目中的该路径下的文件即可:node_modules ➜ react-native-image-picker ➜ ios ➜ select RNImagePicker.xcodeproj
然后进到项目的跟路径下面,执行react-native link
添加访问权限
NSPhotoLibraryUsageDescription 和 NSCameraUsageDescription
ios配置完成。
安卓配置
include ':react-native-image-picker'
project(':react-native-image-picker').projectDir = new File(settingsDir, '../node_modules/react-native-image-picker/android')
dependencies {
compile project(':react-native-image-picker')
}
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
安卓的配置完成
JS实现
上传图片的时候,只要得到图片的路径,RN就会把图片转成数据流,发送给后台。