1.0.10 • Published 6 years ago
@1ziton/react-native-photo-picker v1.0.10
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-pickerand addRNYizhitongPhotoPicker.xcodeproj - In XCode, in the project navigator, select your project. Add
libRNYizhitongPhotoPicker.ato 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('图片上传失败,请重试');
}
});