image-picker-react-native

0.1.5 • Public • Published

image-picker-react-native

该组件基于 https://github.com/easonline/AndroidImagePicker 封装成 react native 版本,并在实现上做了一些改动

Features

  • 选图后点击完成,js端获取到所选图url
  • js端可控制选图Activity finish

Installation

npm i --save image-picker-react-native

on Android:

1. android/settings.gradle:: Add the following snippet

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

2. android/app/build.gradle: Add in dependencies block.

compile project(':image-picker-react-native')

3. in your MainActivity (or equivalent) the ImagePickerPackage needs to be added. Add the import at the top:

import com.leolang.imagepicker.ImagePickerPackage;

4. In order for React Native to use the package, add it the packages inside of the class

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    ...
    new ImagePickerPackage()
  );
}

Usage

js

import ImagePicker from 'ImagePicker';

ImagePicker.multiImagePicker(false, (errorMsg) => {
      }, (selectedUrls) => {
          ImagePicker.finishMultiImagePicker();
      });


sample

android/app & index.android.js

Readme

Keywords

none

Package Sidebar

Install

npm i image-picker-react-native

Weekly Downloads

12

Version

0.1.5

License

ISC

Last publish

Collaborators

  • leolang