react-native-image-intent

🔬 Image intent receiver for React Native android. This allows react native app to receive data (image) from other app https://developer.android.com/training/sharing/receive.html.

Installation

npm install --save react-native-image-intent

Recommended via yarn

yarn add react-native-image-intent

Automatically link

With React Native 0.27+

react-native link react-native-image-intent

With older versions of React Native

You need rnpm (npm install -g rnpm)

rnpm link react-native-image-intent

Hey, bro! react-native-image-intent wasn't support older version of React Native yet.

Setting Up AndroidManifest

THIS IS AN IMPORTANT STEP

<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
android:windowSoftInputMode="adjustResize">
+ <intent-filter>+ <action android:name="android.intent.action.SEND" />+ <category android:name="android.intent.category.DEFAULT" />+ <data android:mimeType="image/*" />+ </intent-filter>
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
...

Manually link

Android

• in android/app/build.gradle:

dependencies {
...
compile "com.facebook.react:react-native:+" // From node_modules
+ compile project(':react-native-image-intent')
}

• in android/settings.gradle:

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

With React Native 0.29+

• in MainApplication.java:

+ import com.sonnylab.imageintent.ImageIntentPackage;
public class MainApplication extends Application implements ReactApplication {
//......
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
+ new ImageIntentPackage(),
new MainReactPackage()
);
}
......
}

With older versions of React Native:

• in MainActivity.java:

+ import com.sonnylab.imageintent.ImageIntentPackage;
public class MainActivity extends ReactActivity {
......
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
+ new ImageIntentPackage(),
new MainReactPackage()
);
}
}

Usage

Base64

// ES5varImageIntent=require('react-native-image-intent');// or ES6// import ImageIntent from 'react-native-image-intent';ImageIntent.getImageIntentBase64().then((imageBase64)=>{console.log('BASE64',imageBase64);}).catch(e=>console.log(e));<Imagestyle={{width: 100,height: 100}}source={{uri: `data:image/png;base64,${imageBase64}`}}/>

Image URL

// ES5varImageIntent=require('react-native-image-intent');// or ES6// import ImageIntent from 'react-native-image-intent';ImageIntent.getImageIntentUrl().then((imageUrl)=>{console.log('IMAGE_URL',imageUrl);}).catch(e=>console.log(e));<Imagestyle={{width: 100,height: 100}}source={{uri: `file://${imageUrl}`}}/>

License

Copyright (c) sonnylazuardi. This software is licensed under the MIT License.