title: Start native Android Activity with intent from React Native JS
body: <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>