title: React Native - Calling Flatlist item outside the Flatlist itself
body: <p>I'm trying to have a <strong>Send Order Button</strong> below my <strong>FLATLIST</strong> where this <strong>Send Order Button</strong> will send the states to the other screen/view together with the <strong>item</strong> in my <strong>Flatlist</strong>.</p>
  
  <p>"But the problem is I don't know how to call the <strong>Flatlist</strong>'s item outside the Flatlist itself."</p>
  
  <p>Here's my code</p>
  
  <pre><code>export default class Settlement extends Component {
      constructor(props){
      super(props)
          this.state = {
              ......
      }
      fetchData = async () =&gt; {
          ....
          this.setState({ data: json })
      }
      render() {
          return (
              &lt;View&gt;
                      &lt;Text&gt;Table No: { this.state.tbl }&lt;/Text&gt;
                      &lt;Text&gt;{ this.state.DineIn }{ this.state.TakeOut }&lt;/Text&gt;
                  &lt;FlatList
                  data = {this.state.data}
                  renderItem = {({ item }) =&gt;
                      &lt;View&gt;
                          &lt;View&gt;
                              &lt;Text&gt;{ item.item.order_id }&lt;/Text&gt;
                              &lt;Text&gt;Name: { item.menu_name }&lt;/Text&gt;     //Flatlist_Items
                              &lt;Text&gt;Price: ₱{ item.menu_price }&lt;/Text&gt;
                              &lt;Text&gt;Discount: { item.order_discount }&lt;/Text&gt;
                              &lt;Text&gt;Amount: ₱{ item.order_amount }&lt;/Text&gt;
                              .....
                              &lt;Text&gt;{ item.spcl_req }&lt;/Text&gt;
                              &lt;Text&gt;{ item.order_quantity }&lt;/Text&gt;
                              .....
                          &lt;/View&gt;
                      &lt;/View&gt;
                  }/&gt;
  
  
                  &lt;/View&gt;
                          &lt;Text&gt;Number of Orders: { this.state.numOrder }&lt;/Text&gt;
                          &lt;Text&gt;Total Amount: ₱{ this.state.TotalSum }&lt;/Text&gt;
                      &lt;TouchableOpacity
                          onPress = { () =&gt; this.props.navigation.navigate('FinalSettlement', {
                              orderID     : item.order_id,
                              Name        : item.menu_name,
                              Price       : item.menu_price,     //Trying to pass
                              Ord_QTY     : item.order_quantity, // the items to other view
                              spcl_req    : item.spcl_req,
                              Discount    : item.order_discount,
                              Amount      : item.order_amount,
                              tbl         : this.state.tbl,
                              pax         : this.state.pax,
                              DineIn      : this.state.DineIn,
                              TakeOut     : this.state.TakeOut,
                              numOrder    : this.state.numOrder,
                              TotalSum    : this.state.TotalSum,
                              userName    : this.state.userName
  
                          })}&gt;
                          &lt;Text&gt;SEND ORDER&lt;/Text&gt;
                      &lt;/TouchableOpacity&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          )
      }
  }
  </code></pre>