❤
npm
Sign UpSign In

react-native-image-chooser

1.0.4 • Public • Published

react-native-image-chooser

A React Native module to show system Image chooser. Currently only supports Android.

Installation

npm i --save react-native-image-chooser

Add it to your android project

In 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')

In android/app/build.gradle

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

Register module (in MainActivity.java)

import com.imagechooser.ImageChooserPackage;  // <--- import 
 
public class MainActivity extends ReactActivity {
 
  ......
 
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.asList(
      new MainReactPackage(),
      new ImageChooserPackage() // <------ add the package 
    );
  }
 
  ......
 
}

Usage

First import the module as follows:

import ImageChooser from "react-native-image-chooser";

To show the chooser, call the pickImage method:

try {
  const data = await ImageChooser.pickImage();
 
  // do something with the data
} catch (err) {
  // handle error
}

The pickImage method returns a Promise with data. The data object has the following properties:

height: number;
width: number;
size: number;
name: string;
uri: string;

Readme

Keywords

Package Sidebar

Install

npm i react-native-image-chooser

Repository

github.com/satya164/react-native-image-chooser

Homepage

github.com/satya164/react-native-image-chooser#readme

Weekly Downloads

8

Version

1.0.4

License

none

Last publish

Collaborators

  • satya164
Try on RunKit
Report malware