title: How to Pass flat list item data to another screen's TextInput
body: <p>I have a simple code of passing flatlist data to another sceen, I am able to pass screen1 flatlist data (props) to screen2, but what i want is the data to be inside the TextInput in screen 2.</p>
  <p><strong>Screen1</strong></p>
  <pre><code>export default class Data extends Component {
      constructor(){
          super()
          this.state={
              isLoading: true,
              dataSource: []
          }
      }
      componentDidMount() {
          const url = &quot;example.php&quot;;
  
              fetch(url,{
                  method: 'POST',
                  headers: {
                      'Accept': 'application/json',
                      'Content-Type': 'application/json'
                  },
                  body: JSON.stringify('')
              })
              .then((response)=&gt;response.json())
              .then((responseJson)=&gt; {
                  this.setState({
                  isLoading: false,
                  dataSource : responseJson
                  })
              })    
     }
  
     _renderItem = ({item, index}) =&gt; (
          // &lt;TouchableOpacity onPress={() =&gt; alert(item.name + '\n' + item.course) }&gt;
          &lt;TouchableOpacity onPress={() =&gt;{this.props.navigation.navigate('finalsDet', {item})} }&gt;
              &lt;View style={styles.itemList}&gt;
                  &lt;Text&gt;{item.SN}&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
      );
  
      render() {
          if(this.state.isLoading){
              return(
                  &lt;View style={styles.cont}&gt;
                      &lt;ActivityIndicator size=&quot;large&quot; animating/&gt;
                  &lt;/View&gt;
              )
          }else{
          return (
  
              &lt;View style={styles.cont}&gt;
                  &lt;FlatList
                      data={this.state.dataSource}
                      renderItem={this._renderItem}
                      keyExtractor={(item) =&gt; item.SN.toString()}
                  /&gt; 
              &lt;/View&gt;
  
              );
          }
      }
  }
  </code></pre>
  <p><strong>Screen2</strong></p>
  <pre><code>const FinalsDetails = ({navigation,route}) =&gt; {
      const { item } = route.params;
  
      function navigateBack(){
          navigation.navigate('finalsMain');
      }
  
      return (
  
  
          &lt;View style={styles.mainView}&gt;
              &lt;View style={styles.TopView}&gt;
                  &lt;Image style={styles.ImgStyle}
                   source={require('../assets/lion.png')} 
                   /&gt;
              &lt;/View&gt;
              
  
              &lt;ScrollView style={styles.BottomView}
              &gt;
                  &lt;Text style={styles.header}&gt;
                      Edit{'\n'}Here!
                  &lt;/Text&gt;
  
              &lt;View style={styles.form}&gt; 
  
              &lt;Text style={styles.artist_name}&gt;{item.name}&lt;/Text&gt;
              &lt;Text style={styles.artist_name}&gt;{item.email}&lt;/Text&gt;
        );
     }
  </code></pre>
  <p>Im kinda lost since im still learning flatlist and passing params. Advance thanks for any suggestions.</p>