native react 图片多选_react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

import ImagePicker from 'react-native-syan-image-picker'

/**

* 默认参数*/const options={

imageCount:6, //最大选择图片数目，默认6

isCamera: true, //是否允许用户在内部拍照，默认true

isCrop: false, //是否允许裁剪，默认false

CropW: ~~(width * 0.6), //裁剪宽度，默认屏幕宽度60%

CropH: ~~(width * 0.6), //裁剪高度，默认屏幕宽度60%

isGif: false, //是否允许选择GIF，默认false，暂无回调GIF数据

showCropCircle: false, //是否显示圆形裁剪区域，默认false

showCropFrame: true, //是否显示裁剪区域，默认true

showCropGrid: false //是否隐藏裁剪区域网格，默认false

};/**

* 以Callback形式调用

* 1、相册参数暂时只支持默认参数中罗列的属性；

* 2、回调形式：showImagePicker(options, (err, selectedPhotos) => {})

* 1)选择图片成功，err为null，selectedPhotos为选中的图片数组

* 2)取消时，err返回"取消"，selectedPhotos将为undefined

* 按需判断各参数值，确保调用正常，示例使用方式：

* showImagePicker(options, (err, selectedPhotos) => {

* if (err) {

* // 取消选择

* return;

* }

* // 选择成功

* })

* @param {Object} options 相册参数

* @param {Function} callback 成功，或失败回调*/

/**

* 以Promise形式调用

* 1、相册参数暂时只支持默认参数中罗列的属性；

* 2、使用方式

* 1)async/await

* handleSelectPhoto = async () => {

* try {

* const photos = await SYImagePicker.asyncShowImagePicker(options);

* // 选择成功

* } catch (err) {

* // 取消选择，err.message为"取消"

* }

* 2)promise.then形式

* handleSelectPhoto = () => {

* SYImagePicker.asyncShowImagePicker(options)

* .then(photos => {

* // 选择成功

* })

* .catch(err => {

* // 取消选择，err.message为"取消"

* })

* }

* @param {Object} options 相册参数

* @return {Promise} 返回一个Promise对象*/

native react 图片多选_react-native多图选择、图片裁剪(支持ad/ios图片个数控制)相关推荐

react-native多图选择、图片裁剪(支持ad/ios图片个数控制)
前言: 目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片裁剪.最大图片个数限制.拍照.本地相册等功能 ...
native react 图片多选_React Native中加载图片的各种姿势
初使用Image,由于在React Native中图片资源来源丰富,刚开始我也是一脸懵逼,在几番尝试以后,终于了然加载项目目录图片在项目目录中新建一个Directory,命名img,拷贝一张名为' ...
native react 集成微信登录_React Native 接入微博、微信、QQ 登录功能
在 App 开发中我们经常需要在用户登录模块接入 SNS 登录组件,这样会大大提高用户的注册体验.特别当一个不是刚性需求 App 推广的时候,这样会很大的降低用户体验的成本,没有人愿意忍受输入邮箱.手 ...
native react 集成微信登录_react native 接入微信登陆（Android）
添加依赖 api 'com.tencent.mm.opensdk:wechat-sdk-android-without-mta:+' 包名.wxapi.WXEntryActivity.java pub ...
引入react文件报错_React Native常见问题(一)
以下是在开发产品3个月以来遇到多的问题,希望可以帮助到遇到同样问题的小伙伴们一 node端口被占用(找不到入口): lsof -i:3009:查看所有3009端口 kill -9 14937 干掉1 ...
native react 图片多选_N-第三方-react-native-image-picker，选择图片上传
处理上传数据,单张图片 l let formData = new FormData();//如果需要上传多张图片,需要遍历数组,把图片的路径数组放入formData中 let file = {uri: ...
react怎么连接打印机_React Native Socket 连接打印机推送指令
序公司因为业务需要,开发安卓扫描枪打印快递单之类的,踩了一天的坑,终于在队友帮助下搞定原理很简单,利用打印机的socket通信话不多说,直接撸代码因为js不支持Socket通信,所以需要自己编 ...
基于官方UIImagePicker的图片多选（类似美图秀秀）
正好有个项目用到类似的功能,先搜索了一圈,找到了ELCImagePicker的解决方案,并且多数提此类问题,最终得到的回答都是此方案. 结果发现有一个硬伤,就是基于ALAssertLibrary,会在 ...
JS导出PDF插件（支持中文、图片使用路径）
JS导出PDF插件(支持中文.图片使用路径) 原文:JS导出PDF插件(支持中文.图片使用路径) 在WEB上想做一个导出PDF的功能,发现jsPDF比较多人推荐,遗憾的是不支持中文,最后找到pdfma ...

native react 图片多选_react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

native react 图片多选_react-native多图选择、图片裁剪(支持ad/ios图片个数控制)相关推荐

最新文章

热门文章