[译]React Native 开源图片选择器组件 (react-native-android-imagepicker)

尊重版权,转载请注明出处

本文来自:江清清的技术专栏-翻译组(www.lcode.org)

项目介绍

该组件进行封装系统图片的React Native图片选择器组件,当前只是适配Android平台

刚创建的React Native技术交流3群(496508742)欢迎各位大牛,React Native技术爱好者加入交流!

配置安装

npm i —save react-native-image-chooser

添加到项目

在android/settings.gradle中作如下修改

...

include ':react-native-image-chooser'
project(':react-native-image-chooser').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-chooser/android')

在android/app/build.gradle中作如下修改

...

dependencies {
    ...

    compile project(':react-native-image-chooser')
}

在MainActivity.java中注册模块

import com.imagechooser.ImageChooserPackage;  // <--- import="" public="" class="" mainactivity="" extends="" reactactivity="" {="" ......="" @override="" protected="" list getPackages() {
    return Arrays.asList(
      new MainReactPackage(),
      new ImageChooserPackage() // <------ add="" the="" package="" );="" }="" ......="" }<="" pre="">
使用方法
如下进行导入模块
import ImageChooser from "react-native-image-chooser";
调用pickImage方法进行显示选择器
try {
  const data = await ImageChooser.pickImage();

  // do something with the data
} catch (err) {
  // handle error
}
pickImage会返回一个Promise对象，该对象会携带如下相关参数属性
height: number;
width: number;
size: number;
name: string;
uri: string;