react-native-pick-img-crop1
v1.1.0
Published
高新能实用的相册图片选择器,可以多张图片选择和裁剪,也可以单张图片选择
Downloads
22
Maintainers
Readme
react-native-pick-img-crop
高新能实用的相册图片选择器,可以多张图片选择、裁剪、单张图片选择、拍照
补充
目前此库正在开发中.... ios暂时不支持手动自定义裁剪,只支持批量后台裁剪(以传入裁剪的宽高的比例进行裁剪);可以多张图片选择,也可以单张图片选择 android可以基本使用,但Android和设计有一定差距,有兴趣的童靴可以先自己修改,代码可用
展示ui图
安装组件:
npm i --save react-native-pick-img-crop
传统链接
react-native link react-native-pick-img-crop
ios链接原生
pod 链接
将 pod 'RNPickImgCrop', :path => '../node_modules/react-native-pick-img-crop' 拷贝进Podfile即可;
Android
### `settings.gradle`
```gradle
include ':react-native-pick-img-crop'
project(':react-native-pick-img-crop').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-pick-img-crop/android')
```
### `build.gradle`
```gradle
dependencies {
compile project(':react-native-pick-img-crop')
}
```
###`MainApplication.java`
```java
import com.luck.picture.lib.PhotoCropPickerPackage;
public class MainApplication extends Application implements ReactApplication {
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new PhotoCropPickerPackage()
);
}
}
```
使用
import PickImgCroper from "react-native-pick-img-crop";
PickImgCroper.openPicker({
includeBase64:false,//是否包含Base64编码 only android
isCamera:true,//是否显示拍照按钮 默认true,显示 only android
cropping:false,//bool 可不传,//是否剪辑图片 默认是false;flase时打开大图,true时进入裁剪控件
multiple:true,//bool 可不传,//是否图片多选 默认是false;多选时显示先后选中顺序,取消其中任意一个选中按顺序缩减,单选只显示1,选中另一个则取消上一个选中
maxCount:-1,//number 可不传,//最大可选数量,multiple为true此字段有效;不传或为-1时,选择数量不受限制
cropWidth:600,//number 可不传,//裁剪宽度 cropping为true并且cropWidth和cropHeight同时为正整数时有效,不传或为小于0时,以最短边为准进行居中裁剪
cropHeight:450,//number 可不传,//裁剪高度 cropping为true并且cropWidth和cropHeight同时为正整数时有效,不传或为小于0时,以最短边为准进行居中裁剪
})
.then(res=>{
console.info("res",res)
});
欢迎交流
欢迎提问交流;若有bug,请添加bug截图或代码片段,以便更快更好的解决问题。 欢迎大家一起交流