Start native Android Activity with intent from React Native JS
<p>I am trying to migrate from Android native to react native incrementally and I am stuck at a point where i need to start Android Activity from React Component. I have a method handleClick which i need to call on click event on every item and I don't know how to start the existing Android Activity from React native JS.  For example - </p>

<pre><code>import React, {
  AppRegistry,
  Component,
  Image,
  Dimensions,
  ListView,
  StyleSheet,
  Text,
  View,
} from 'react-native';

var API_URL = 'http://www.mocky.io/v2/5714fffd0f00008b2249058f';
var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height

class droid extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dataSource: new ListView.DataSource({
        rowHasChanged: (row1, row2) =&gt; row1 !== row2,
      }),
      loaded: false,
    };
  }

  componentDidMount() {
    this.fetchData();
  }

  fetchData() {
    fetch(API_URL)
      .then((response) =&gt; response.json())
      .then((responseData) =&gt; {
        this.setState({
          dataSource: this.state.dataSource.cloneWithRows(responseData.products),
          loaded: true,
        });
      })
      .done();
  }

  render() {
    if (!this.state.loaded) {
      return this.renderLoadingView();
    }

    return (
      &lt;ListView contentContainerStyle={styles.listView}
        dataSource={this.state.dataSource}
        renderRow={this.renderProduct}
      /&gt;
    );
  }

  renderLoadingView() {
    return (
      &lt;View style={styles.container_loading}&gt;
        &lt;Text&gt;
          Loading products...
        &lt;/Text&gt;
      &lt;/View&gt;
    );
  }

  renderProduct(product) {
    return (
      &lt;View style={styles.container} onclick=handleClick&gt;
        &lt;Image
          source={{uri: product.image}}
          style={styles.thumbnail}
        /&gt;
        &lt;View style={styles.rightContainer}&gt;
          &lt;Text style={styles.title}&gt;{product.title}&lt;/Text&gt;
          &lt;Text style={styles.year}&gt;{product.partners_count}&lt;/Text&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    );
  }

  handleClick(e) {
     //start existing Android Activity with intent 
  }

}

var styles = StyleSheet.create({
  container: {
    width: width/2 - 6,
    height: height/2,
    margin: 3,
    backgroundColor: '#F5FCFF',
  },
  rightContainer: {
  },
  title: {
    fontSize: 20,
    marginBottom: 8,
    textAlign: 'center',
  },
  year: {
    textAlign: 'center',
  },
  thumbnail: {
    flex: 1,
  },
  listView: {
    flex: 1,
    flexDirection: 'row',
    flexWrap: 'wrap',
    paddingTop: 20,
    backgroundColor: '#F5FCFF',
  },
  container_loading: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});


AppRegistry.registerComponent('test', () =&gt; test);
</code></pre>