UNPKG

react-native-syanfu-image-picker

Version:

## 功能介绍

106 lines (100 loc) 3.85 kB
import { NativeModules, Dimensions, } from 'react-native'; const { RNSyanfuImagePicker } = NativeModules; const { width } = Dimensions.get('window'); /** * 默认参数 */ const defaultOptions = { mimeValue: 1, // 类型,1是图片,2是视频,默认1 imageCount: 6, // 最大选择图片数目,默认6 isCamera: true, // 是否允许用户在内部拍照,默认true isCrop: false, // 是否允许裁剪,默认false, imageCount 为1才生效 CropW: ~~(width * 0.6), // 裁剪宽度,默认屏幕宽度60% CropH: ~~(width * 0.6), // 裁剪高度,默认屏幕宽度60% isGif: false, // 是否允许选择GIF,默认false,暂无回调GIF数据 showCropCircle: false, // 是否显示圆形裁剪区域,默认false circleCropRadius: width/2, // 圆形裁剪半径,默认屏幕宽度一半 showCropFrame: true, // 是否显示裁剪区域,默认true showCropGrid: false, // 是否隐藏裁剪区域网格,默认false quality: 90, // 压缩质量 minimumCompressSize: 100, // 小于100kb的图片不压缩 videoQuality: 0, // 视频录制质量 0 or 1 int videoMaxSecond: 20, // 显示多少秒以内的视频or音频也可适用 int videoMinSecond: 5, // 显示多少秒以内的视频or音频也可适用 int recordVideoSecond: 20 // 视频秒数录制 默认60s int }; export default { /** * 以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 成功,或失败回调 */ showImagePicker(options, callback) { const optionObj = { ...defaultOptions, ...options }; RNSyanfuImagePicker.showImagePicker(optionObj, 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对象 */ asyncShowImagePicker(options) { const optionObj = { ...defaultOptions, ...options, }; return RNSyanfuImagePicker.asyncShowImagePicker(optionObj); }, /** * 打开相机支持裁剪参数 * @param options * @param callback */ openCamera(options, callback) { const optionObj = { ...defaultOptions, ...options }; RNSyanfuImagePicker.openCamera(optionObj, callback) } };