title: How to pass data from one screen to other screen in React Native
body: <p><strong>1. index.android.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    AppRegistry,
    StyleSheet,
    Text,
    TextInput,
    View
  } from 'react-native';
  
  import Button from 'react-native-button';
  
  class AwesomeProject extends Component {
  
  constructor(props){
  super(props)
  
  this.state = {
    username: '',
    email: '',
    address: '',
    mobileNumber: ''
   }
  
  
    render() {
      return (
        &lt;View style={styles.container}&gt;
  
        &lt;TextInput
        ref={component =&gt; this.txt_input_name = component}
        style={styles.textInputStyle}
        placeholder="Enter Name"
        returnKeyLabel = {"next"}
        onChangeText={(text) =&gt; this.setState({username:text})}
        /&gt;
  
        &lt;Button style={styles.buttonStyle}&gt;
        Submit
        &lt;/Button&gt; 
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF',
    },
   buttonStyle: {
     alignSelf: 'center',
     textAlign: 'center',
     color: '#FFFFFF', 
     fontSize:18,
     marginTop:20,
     marginBottom:20,
     padding:5,
     borderRadius:5,
     borderWidth:2,
     width:100,
     alignItems: 'center',
     backgroundColor:'#4285F4',
     borderColor:'#000000'
  }
  });
  
  AppRegistry.registerComponent('AwesomeProject', () =&gt; AwesomeProject);
  </code></pre>