日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間:2023/12/19 编程问答 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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图片个数控制)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。