title: React-Native: Passing data through a FlatList Selection
body: <p>Im currently trying to pass information through an arrow function that gets called when a user selects a row within the flat list. However, I can't seem to figure out how to pass the data to the next screen appropriately. </p>
  
  <p>My current implementation can be seen below:</p>
  
  <pre><code>import ...
  
  class ViewFollowingScreen extends Component {
    constructor(props) {
      super(props);
  
      this.state = {
        loading: false,
        allUsers: [],
        data: [],
        page: 1,
        seed: 1,
        error: null,
        refreshing: false
      }
    }
  
    static navigationOptions = {...};
  
    searchUsers(searchBarText) {...};
  
    _onPressItem = () =&gt; { 
      /**
      HOW DO YOU PASS THE INFORMATION OF THE SELECTED USER TO THE ViewUser SCREEN??
      **/
       this.props.navigation.navigate('ViewUser')//Needs to include user information
    };
  
    componentDidMount() {...};
  
    makeRemoteRequest = () =&gt; {...};
  
    renderSeparator = () =&gt; {...};
  
    renderHeader = () =&gt; {...};
  
    renderFooter = () =&gt; {...};
  
    _renderItem = ({item}) =&gt; (
      &lt;TouchableOpacity onPress={this._onPressItem}&gt;
        &lt;ListItem
          roundAvatar
          title={`${item.name.first[0].toUpperCase() + item.name.first.substr(1,item.name.first.length)} ${item.name.last[0].toUpperCase() + item.name.last.substr(1,item.name.last.length)}`}
          subtitle={'Followers: 15' }
          avatar={{ uri: item.picture.thumbnail }}
          containerStyle={{borderBottomWidth: 0}}
        /&gt;
      &lt;/TouchableOpacity&gt;
    );
  
    render() {
      return (
        &lt;ViewContainer&gt;
          &lt;List containerStyle={{borderBottomWidth: 0, borderTopWidth: 0}}&gt;
            &lt;FlatList
              data={this.state.data}
              renderItem={this._renderItem}
              keyExtractor={(item) =&gt; item.email}
              ItemSeparatorComponent={this.renderSeparator}
              ListHeaderComponent={this.renderHeader}
              ListFooterComponent={this.renderFooter}
            /&gt;
          &lt;/List&gt;
        &lt;/ViewContainer&gt;
      );
    }
  }
  
  module.exports = ViewFollowingScreen;
  </code></pre>
  
  <p>I am currently able to navigate to the next screen when a user selects a row in the flatlist, but I can't seem to figure out exactly how to pass the appropriate data between the two. </p>
  
  <p>Please let me know if you need any additional info.. I'd be happy to edit my question accordingly</p>
  
  <p>Any help is <strong>greatly</strong> appreciated!</p>