React-Native react-native-image-picker 使用

组件的Github地址 https://github.com/react-community/react-native-image-picker

使用方式: 

1) 添加依赖库

           npm install react-native-image-picker@latest --save

        react-native link react-native-image-crop-picker 

配置ios/安卓

适配iOS

iOS添加比较简单:

1)首先找到plist文件,添加相册和相机的权限。

<!-- 相册 -->

  <key>NSPhotoLibraryUsageDescription</key>

  <string>App需要您的同意,才能访问相册</string>

  <key>NSCameraUsageDescription</key>

  <string>App需要您的同意,才能访问相机</string>

 <key>NSMicrophoneUsageDescription</key>

  <string>App需要您的同意,才能访问麦克风</string>

适配安卓:

1)添加权限在/android/app/src/main/AndroidManifest.xml文件中添加、

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

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>



2)android/settings.gradle文件中

include ':react-native-image-picker'

project(':react-native-image-picker').projectDir = new File(settingsDir, '../node_modules/react-native-image-picker/android')



3)android/app/build.gradle文件的dependencies中

 compile project(':react-native-image-picker')



4)/android/app/src/main/java/com/newredsj/MainApplication.java文件中

import com.imagepicker.ImagePickerPackage;

newImagePickerPackage()


人生啊,处处是坑啊,以为就好啦。报错疯狂报错。。。

1) 需要引入头文件。

2)一看iOS 确实好了,也可以用了,再一看安卓。我的天。


飘红一片。解决办法

先link一下 react-native link react-native-image-crop-picker

然后切记切记不要 直接reload安卓。

从新运行安卓react-native run-android 。

这时你就会发现你搞定了。 人生啊处处是坑,rn就是不断的填坑找坑。


代码:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,975评论 25 708
  • 一、开源库介绍 目前大多数App都有头像展示的功能,在实际开发中,用户更换头像的需求屡见不鲜,社交方面的更为明显。...
    德山_阅读 4,966评论 0 3
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,858评论 2 59
  • 霸道 真可爱 心疼 也可爱 总之 喜欢 也欢喜
    右手心声阅读 132评论 0 0
  • 我们正在布局7月行情---朱宇航 朱宇航老师6月21日语音课堂 重要内容 记得在五月底的时候,当时朱宇航老师就说过...
    牛股网阅读 233评论 0 0