react-native-share-menu

react-native-share-menu

Adds the application to the share menu of the device, so it can be launched from other apps and receive data from them.

Installation

• Install the module

npm i --save react-native-share-menu

• In android/setting.gradle

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

• In android/app/build.gradle

...
dependencies {
    ...
    compile project(':react-native-share-menu')
}

• Register module (in MainActivity.java)

import ca.ios.ba.ShareMenuPackage;  // <--- import

public class MainActivity extends ReactActivity {
  ......
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
      new MainReactPackage(),
      new ShareMenuPackage()  // <------ add here     
    );
  }
  ......

}

Example

import React, {
  AppRegistry,
  Component,
  Text,
  View,
  NativeModules
} from 'react-native';
import ShareMenu from 'react-native-share-menu';

class Test extends Component {
  constructor(props) {
    super(props); 
    this.state = {
      sharedText: null
    };
  }

  componentWillMount() {
    var that = this;
    ShareMenu.getSharedText((text :string) => {
      if (text && text.length) {
        that.setState({ sharedText: text });
      }
    })
  }

  render() {
    var text = this.state.sharedText;
    return (
      <View>
        <Text>Shared text: {text}</Text>
      </View>
    );
  }
}

AppRegistry.registerComponent('Test', () => Test);

How it looks