native react 图片多选_react-native实现的多图片选择器-程序员宅基地

技术标签: native react 图片多选  

react-native-syan-image-picker

功能介绍

基于已有原生第三方框架封装的多图片选择组件,适用于 React Native App。

原生框架依赖

功能特点

支持 iOS、Android 两端

支持单选、多选

可自定义裁剪区域大小,支持圆形裁剪

可设置压缩质量

可设置是否返回图片 base64 编码

支持记录当前已选中的图片

支持删除指定下标的图片

Live

安装使用

安装

// Step 1 基于 npm

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

// 或是 yarn

yarn add react-native-syan-image-picker

// Step 2 执行 link

react-native link react-native-syan-image-picker

其他配置

iOS

1、添加原生框架中所需的 bundle 文件:

TARGETS -> Build Phases -> Copy Bundle Resources 点击"+"按钮,在弹出的窗口中点击“Add Other”按钮,选择 node_modules/react-native-syan-image-picker/ios/TZImagePickerController/TZImagePickerController.bundle

2、添加相册相关权限:

项目目录->Info.plist->增加

Privacy - Camera Usage Description 是否允许此App使用你的相机进行拍照?

Privacy - Photo Library Usage Description 请允许访问相册以选取照片

Privacy - Photo Library Additions Usage Description 请允许访问相册以选取照片

Privacy - Location When In Use Usage Description 我们需要通过您的地理位置信息获取您周边的相关数据

3、中文适配:

添加中文 PROJECT -> Info -> Localizations 点击"+"按钮,选择Chinese(Simplified)

Android

1、在 AndroidManifest.xml 中添加权限:

2、更新到 PictureSelector需要修改minSdkVersion:

// app/build.gradle

android {

minSdkVersion = 19

...

}

3、拍照前动态获取权限

requestPermission = async () => {

try {

const granted = await PermissionsAndroid.request(

PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,

{

title: '申请读写手机存储权限',

message:

'一个很牛逼的应用想借用你的摄像头,' +

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39946274/article/details/111990700

智能推荐

【2021版】解决MySQL8.0.27安装问题——No compatible servers were found._no compatible servers were found. you'll need to c-程序员宅基地

文章浏览阅读9.2k次,点赞9次,收藏28次。问题描述在从官网下载mysql-installer-community-8.0.27.0.msi文件后,安装MySQL8.0.27时,遇到了这个界面点击Reconfigure,出现报错:No compatible servers were found.You’ll need to cancel this wizard and install one.或是提示requires the visual C++2019 redistributable package to be installed解决_no compatible servers were found. you'll need to cancel this wizard andinsta

【Linux上使用jeprof和jemalloc分析内存泄漏的方法】_jemalloc jeprof-程序员宅基地

文章浏览阅读332次。备注:参考:https://docs.tibco.com/pub/activematrix_businessworks/6.6.1/doc/html/GUID-231E1EFC-EA7C-4072-B0F4-0D92093D3161.html。_jemalloc jeprof

SSM框架分页查询_ssm分页查询-程序员宅基地

文章浏览阅读2.4k次,点赞2次,收藏18次。分页查询步骤:以查询用户为例:1.先查询出总记录数:准备好接口方法: int getAllSize();2.准备好SQL语句: <select id="getAllSize" resultType="int"> select count(*) from user; </select>service接口方法及实现类: int getAllSize();实现类: @Override public int getAllSize()_ssm分页查询

x264 码率控制原理_x264 码控-程序员宅基地

文章浏览阅读71次。x264码率控制原理_x264 码控

《RabbitMQ》| 解决消息延迟和堆积问题-程序员宅基地

文章浏览阅读1.7k次。消息可靠性问题:如何确保发送的消息至少被消费一次?延迟消息问题:如何实现消息的延迟投递?消息堆积问题:如何解决数百万级以上消息堆积,无法及时消费问题?我们在上篇已经说明了如何解决的问题,也就是保证了消息的可靠性,那么其余两个问题同样重要,这篇我们将讲述其余两个问题的解决方式~!延迟消息 字面意思就是让延迟接收消息,那么如何能让消息延迟到达?这就是我们要思考解决的问题,在了解延迟队列之前我们需要先明白 中的两个概念死信交换机TTL1)死信交换机死信(dead letter),也就是废弃已死亡的消息,那什么情

渗透之——PowerShell基本命令和绕过权限执行_powershell restricted-程序员宅基地

文章浏览阅读5.7k次。转载请注明出处:https://blog.csdn.net/l1028386804/article/details/86029412一、基本命令以文件操作为例1.新建目录New-Item whitecellclub-ItemType Directory2.新建文件New-Item light.txt-ItemType File3.删除目录Remove-Item..._powershell restricted

随便推点

信息产业浪潮中,京东IoT的技术演进与实践创新-程序员宅基地

文章浏览阅读798次。物联网正在改变着我们的世界。如今,在智能园区、智能城市、工厂,甚至街边的自动贩卖机中,处处可见物联网的踪迹。据前瞻产业研究院的物联网相关报告预测,全球物联网设备数量将在一年内(2020-..._京东iot设备接入

第八周项目4-字符串加密_strassign的头文件函数是-程序员宅基地

文章浏览阅读241次。2015,烟台大学计算机与控制工程学院 文件名称:第8周项目4-字符串加密 作 者:杨惠娟 完成日期:2015年10月30日 版 本 号:v1.0 问题描述:一个文本串可用事先编制好的字符映射表进行加密。例如,设字符映射表为: abcdefghijklmnopqrstuvwxyz _strassign的头文件函数是

SESAM(WADAM)计算模型文件-T2文件_wadam gnode-程序员宅基地

文章浏览阅读86次。该文件中按顺序使用的数据卡有:IDENT、DATE、GNODE、GCOORD、GELMNT1、GELREF1、GBARM、GBEAMG、TDSECT、MISOSEL、TDMATER、GUNIVEC、TDSETNAM、GSETMEMB、TDSCONC、SCONCEPT、SCONMESH、IEND;GSETMEMB为节点或单元形成的组的定义,其中的ISREF与TDSETNAM中的ISREF匹配,(注意:下图示例中GSETMEMB没有INDEX这个数据项)这两个组成合一组,每个质量棒有一个这样的组。_wadam gnode

Oracle-Listener log解读_oracle listener.log-程序员宅基地

文章浏览阅读2.2w次,点赞3次,收藏21次。Listener log 概述在ORACLE数据库中,如果不对监听日志文件(listener.log)进行截断,那么监听日志文件(listener.log)会变得越来越大.Listener log locationFor oracle 9i/10g在下面的目录下: $ORACLE_HOME/network/log/listener_$ORACLE_SID.logFor oracle 11g/12c_oracle listener.log

基于java中的springboot实现课程答疑系统演示【附项目源码+论文说明】-程序员宅基地

文章浏览阅读518次,点赞6次,收藏9次。同时,一个大型的计算机网站系统,必须有一个正确的设计指导思想,通过合理选择数据结构、网络结构、操作系统以及开发环境,构成一个完善的网络体系结构,才能充分发挥计算机信息管理的优势。管理员功能有,个人中心,学生管理,老师过来,科目类型管理,学生问题管理,老师回答管理,老师信息管理,关注列表管理,交流区,系统管理。

基于springboot实现网上点餐系统项目【项目源码+论文说明】-程序员宅基地

文章浏览阅读664次,点赞23次,收藏16次。首页、美食店、美食信息、美食评价、美食资讯、个人中心、后台管理等功能,这给管理者的工作带来了巨大的挑战,面对大量的信息,传统的管理系统,都是通过笔记的方式进行详细信息的统计,后来出现电脑,通过电脑输入软件将纸质的信息统计到电脑上,这种方式比较传统,而且想要统计数据信息比较麻烦,还受时间和空间的影响,所以为此开发了网上点餐系统;美食评价管理:通过列表可以获取店铺账号、店铺名称、美食名称、用户账号、用户姓名、图片、评分、评价内容、评价时间等信息,进行详情、修改、删除操作,如图5-2所示。