@1ziton/react-native-photo-picker 中文文档教程
react-native-photo-picker
Getting started
$ npm install @1ziton/react-native-photo-picker --save
Mostly automatic installation
$ react-native link @1ziton/react-native-photo-picker
Manual installation
iOS
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-photo-picker
and addRNYizhitongPhotoPicker.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNYizhitongPhotoPicker.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android
- Open up
android/app/src/main/java/[...]/MyApplication.java
- Add
import com.dashixiong.camera.CameraPackage;;
to the imports at the top of the file - Add
new CameraPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':@1ziton_react-native-photo-picker' project(':@1ziton_react-native-photo-picker').projectDir = new File(rootProject.projectDir, '../node_modules/@1ziton/react-native-photo-picker/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:implementation project(':@1ziton_react-native-photo-picker')
Usage
import CameraMoudle from '@1ziton/react-native-photo-picker';
// 注册百度云参数
CameraMoudle.regiestWithBucketUrl(
'bucketUrl',//百度云地址
'bucketName',//bucketName
'accessKeyId',
'secrekKey',
'httpversion'//version参数可不传
);
CameraMoudle.openNative(0);//拍照
CameraMoudle.openNative(1);//相册选取一张照片
CameraMoudle.multiChoise(2, maxChoise)//相册多选图片
//获取图片URL
let eventEmitter = new NativeEventEmitter(CameraMoudle);
this.listener = eventEmitter.addListener('photo', (params) => {
if (params === 'NoChoose') {
} else if (params !== '(null)' && params && params !== 'NoChoose') {
console.log(params);//返回图片数组
} else {
console.log('图片上传失败,请重试');
}
});