react-native-image-picker调取照相机配置环境

本文档详细介绍了如何在React Native项目中使用react-native-image-picker库进行相机和相册调用的环境配置,包括安装、卸载步骤,以及Android和iOS平台的权限设置和代码添加指南。
摘要由CSDN通过智能技术生成

安装

npm install react-native-image-picker --save
react-native link react-native-image-picker

卸载

react-native unlink react-native-image-picker
npm uninstall react-native-image-picker --save

android环境配置

1,在android/settings.gradle文件中添加如下代码

在这里插入图片描述
include ‘:react-native-image-picker’
project(’:react-native-image-picker’).projectDir = new File(settingsDir, ‘…/node_modules/react-native-image-picker/android’)

2.在android/app/build.gradle文件的dependencies中添加如下代码

在这里插入图片描述
compile project(’:react-native-image-picker’)

3.在AndroidManifest.xml文件中添加权限:

路径

在这里插入图片描述
在这里插入图片描述

ios配置环境

1.Xcode打开项目的iOS,找到Info.plist文件打开,添加下图权限

在这里插入图片描述
Privacy - Camera Usage Description
$(PRODUCT_NAME) would like to use your camera(Used for uploading user avatars)

Privacy - Microphone Usage Description
$(PRODUCT_NAME) would like to your microphone (for videos)

Privacy - Photo Library Additions Usage Description
$(PRODUCT_NAME) would like to save photos to your photo gallery (Used for save user avatars)

Privacy - Photo Library Usage Description
$(PRODUCT_NAME) would like access to your photo gallery (Used for uploading user avatars)

2.在ios项目中打开Info.plist,添加如下代码

在这里插入图片描述
NSCameraUsageDescription
( P R O D U C T N A M E ) w o u l d l i k e t o u s e y o u r c a m e r a ( U s e d f o r u p l o a d i n g u s e r a v a t a r s ) < / s t r i n g > < k e y > N S M i c r o p h o n e U s a g e D e s c r i

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值