最近做项目用到了react-native-image-picker这个图片选择的第三方库,但在正确配置的情况下,点击选择相册会遇到闪退的问题,凭借开发原生的经验,找到了问题所在,在这里分享一下解决办法。

如果遇到什么问题可以在评论区回复,或者加QQ群397885169讨论

react-native.jpeg

问题

选择器.png

点击选择相册或者拍照都会闪退,在Chrome上是没有错误信息的,想看到错误信息需要再XCode上运行程序,才会看到。

错误信息.png

上面这段文字大致翻译过来的意思是

这个程序已经崩溃,因为它试图访问隐私数据但没有使用说明。在info.plist文件中必须包含一个NSPhotoLibraryUsageDescription关键字符串,来向用户解释应用程序如何使用这些数据。

说白了就是需要再info.plist里面新增一个键值对。

这个问题是因为iOS10对隐私权限的管理更为严格 ,比如访问的摄像头、麦克风等硬件,都需要提前请求应用权限、允许后才可以使用,或者现在要提前声明,虽然以往要求不严格,如果遇到闪退需要在

info.plist图片.png

注意:在一个iOS项目中会有两个info.plist,我们需要的是上面的那个文件,而不是Supporting Files 文件夹中的。

解决方法

流程1.png

![Uploading 流程2_390070.png . . .]

点击info.plist文件,会出现上面的内容,通过点击红框中的小加号,来添加需要的字段。

流程2.png

在红框里面填写NSPhotoLibraryUsageDescription(这个字段是访问相册,下面会有全部字段)

流程3.png

在后面的String中填写App需要您的同意,才能访问相册(这段文字可以随意更改)

流程4.png

填写完两个字段之后,就可以正常的使用react-native-image-picker啦!

这样一个一个添加是不是感觉很麻烦呢,在这里提供给大家一个简单的方式,在网上搜索的那些,都没有说明白下面两句话该写在那里。

NSPhotoLibraryUsageDescription

photoLibraryDesciption

更快捷的解决方法

更便捷的方式.png

按照上图的流程,点击Source Code

修改页面.png

经群友北极狼的经验,在安卓上也是可能出现闪退问题的,所以需要添加如下代码

在android/app/src/AndroidManifest.xml中添加

打开这个页面了吧!是不是感觉很熟悉,刚才写的东西,是不是以的形式展现出来了!接下来就是将最下面的参数,复制粘贴到上面啦!

需要用到的参数

NSCameraUsageDescription

App需要您的同意,才能访问相机

NSPhotoLibraryUsageDescription

App需要您的同意,才能访问相册

NSPhotoLibraryAddUsageDescription

App需要您的同意,才能保存图片到您的相册

NSContactsUsageDescription

App需要您的同意,才能访问通讯录

NSLocationAlwaysUsageDescription

App需要您的同意,才能始终访问位置

NSLocationUsageDescription

App需要您的同意,才能访问位置

NSLocationWhenInUseUsageDescription

App需要您的同意,才能在使用期间访问位置

NSMicrophoneUsageDescription

App需要您的同意,才能访问麦克风

NSBluetoothPeripheralUsageDescription

App需要您的同意,才能访问蓝牙

NSCalendarsUsageDescription

App需要您的同意,才能访问日历

NSAppleMusicUsageDescription

App需要您的同意,才能访问媒体资料库

NSHealthShareUsageDescription

App需要您的同意,才能访问健康分享

NSHealthUpdateUsageDescription

App需要您的同意,才能访问健康更新

NSMotionUsageDescription

App需要您的同意,才能访问运动与健身

NSRemindersUsageDescription

App需要您的同意,才能访问提醒事项

总结

这篇文章其实更像是一篇给自己用来做整理的文章,省的以后再去晚上找那些莫名其妙的参数了。

如果文章中有什么地方写错了,或写的不清楚的地方,欢迎在评论区评论,或者发私信给我哦。

ios native react 闪退_react-native-image-picker闪退的解决办法相关推荐

  1. native react 折线图_react native中使用echarts

    开发平台:mac pro node版本:v8.11.2 npm版本:6.4.1 react-native版本:0.57.8 native-echarts版本:^0.5.0 目标平台:android端收 ...

  2. native react 常用指令_React Native入门基础篇(一)

    学习一次,随处书写.(以下文字来自各大网上资料整理而来,侵删!) 概述 使用React为Android和iOS创建本机应用 React Native将本机开发的最佳部分与React(用于构建用户界面的 ...

  3. native react 常用指令_React Native 常用命令或快捷键合集

    命令: react-native init "项目名称" : 运行React Native的初始化命令,创建一个项目 npm install : 需要在工程目录下用此命令将依赖包下 ...

  4. native react 更新机制_React Native 热更新实现(客户端 + 服务器端)

    1. 背景 目前,大家考虑使用React Native 技术的关键点主要有三个: iOS和Android端可以使用统一的语言进行构建,并且部分组件代码可以实现共用 热更新能力,无需发布版本即可实现升级 ...

  5. native react 常用指令_React Native 常用的 15 个库

    点赞再看,养成习惯 本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家 ...

  6. native react 更新机制_React Native - 组件的生命周期详解(附:各阶段调用的方法)...

    一个 React Native 组件从它被 React Native框架加载,到最终被 React Native 框架卸载,会经历一个完整的生命周期. 在这个生命周期中,我们可以定义一些生命周期函数, ...

  7. native react 图片裁剪_react native 头像上传 react-native-image-crop-picker

    之前用的是react-native-image-picker,但是当往服务器端传的时候才发现,因为没有图片裁切,所以图片过大,无法保存,所以只好更换成react-native-image-crop-p ...

  8. cs6导入库闪退 flash_flash cs6导入某些mp3不能的解决办法

    安装最新的quicktime 另外还有一个很恶心的办法,可以不用装quicktime. 1.用adobe audio打开一个没问题的mp3, 2.再打开有问题的MP3,全选,复制: 3.切换到没问题的 ...

  9. IOS手机端页面在项目中遇到的一些问题及解决办法

    1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题.解决方案是 ...

  10. 全网最详细的Xshell或SecureCRT下spark-shell里出现无法退格或者删除的问题现象的解决办法(图文详解)...

    不多说,直接上干货! 前言 打开spark的命令行后,发现输错字符了,但是无法退格或者删除,这是比较苦恼的问题. 这个问题,得看你是用Xshell,还是SecureCRT. 一般是出现在SecureC ...

最新文章

  1. grep与正则表达式
  2. web客户端 http error 413
  3. php实现tail,Linux-如何用php实现Linux下的tail -f命令?
  4. mybatis 学习笔记:mybatis 初认识
  5. 三周的 软件工程实践课 课程安排建议
  6. Lolipa魔方财务主题-虚拟主机源码
  7. 怎么更改wifi频段_手机wifi延迟高怎么办
  8. ssis 执行 依赖_从SSIS执行您自己的.NET控制台应用程序
  9. html页面画一个矩形,使用HTML5 canvas绘制一个矩形的方法
  10. 读取xml节点的数据总结(.net 2.0)
  11. 如何交叉编译 linux kernel 内核
  12. axis2调用webservice
  13. Unity 大面积花草风吹动效果以及编辑
  14. 矢量网络分析仪测量总结
  15. php手册chm打开空白
  16. hdu 2087 剪花布条 kmp小水
  17. HTML5期末大作业:游戏设计网站设计——游戏介绍(5页) 大学生游戏网页设计作业模板下载 网游网页设计作业成品 静态HTML手游网页制作下载_网页设计代码
  18. android imageview图片崩溃,安卓 ImageView 的使用及崩溃闪退、空白原因
  19. 小鸡腿U R III 杭州2013
  20. .net使用Microsoft.Office给word添加自定义水印

热门文章

  1. 国产操作系统调研 -- 银河麒麟4.0.2
  2. 抖音短视频流量获取攻略,掌握好这些一定可以出爆款
  3. 003-位运算异或“∧”使特定bit位翻转
  4. Linux下的酷我音乐盒(开源非官方)
  5. 2013年EI收录的中国期刊
  6. 孙鑫VC++学习笔记(转载至程序员之家--虎非龙)[11--15]
  7. 武汉星起航:亚马逊卖家做站外引流可以给店铺带来哪些好处
  8. 忘记teamviewer密码怎么办?
  9. MP4文件格式简要解析
  10. Node.js概述及编程基础