react-native-image-picker用法
1, 首先,安装下该插件。 npm install [email?protected] --save 2,自动安装(做了这一步 下面安装的平台设置大部分都自动添加好了) react-native link ? 3, 针对Android和iOS平台分别进行配置 ? ## android 平台配置 a,在android/settings.gradle文件中添加如下代码: include ‘:react-native-image-picker‘
project(‘:react-native-image-picker‘).projectDir = new File(settingsDir,‘../node_modules/react-native-image-picker/android‘)
b,在android/app/build.gradle文件的dependencies中添加如下代码:
buildscript?{
????...
????dependencies?{
????????classpath?‘com.android.tools.build:gradle:2.2.+‘?//?<-?USE?2.2.+?version
????}
????...
}
...
c,Update the gradle version to? ... distributionUrl=https://services.gradle.org/distributions/gradle-2.14.1-all.zip d,Add the compile line to the dependencies in? dependencies { compile project(‘:react-native-image-picker‘) } e,在AndroidManifest.xml文件中添加权限:
? <uses-permission android:name="android.permission.INTERNET" />
? <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
?
<uses-permission android:name="android.permission.CAMERA" />
? <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
...
f,最后在MainApplication.Java文件中添加如下代码: import com.imagepicker.ImagePickerPackage; Android环境就配置完成。 ? ##iOS平台配置 ?1,打开Xcode打开项目,点击根目录,右键选择 Add Files to ‘XXX’,选中项目中的该路径下的文件即可:node_modules -> react-native-image-picker -> ios -> select RNImagePicker.xcodeproj? 2,添加成功后使用link命令:react-native link react-native-image-picker 。? 4,对于iOS 10+设备,需要在info.plist中配置NSPhotoLibraryUsageDescription和NSCameraUsageDescription。? ? 4. 参数
响应对象
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |