title: React Native: Update Flatlist
body: <p>I was wondering how to update the flatlist after calling on my shuffle function. I have tried with the &quot;ExtraData&quot; tag inside the flatlist but haven´t got it to work. Any help would be appreciate!</p>
  <pre><code>    const Display = (props) =&gt; {
      return (
        &lt;View&gt;
          &lt;View style={{ flexDirection: 'row' }}&gt;
            &lt;Image source={props.img} style={{ width: 200, height: 200 }} /&gt;
            &lt;Text&gt;{props.title}&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
  }
  
  function Other({ navigation }) {
  
    function Shuffle(array){
      let x, y, z;
      for(x = 0; x&lt;=2;x++){
        y = Math.floor(Math.random() * 3)
        z=array[x];
        array[x] = array[y]
        array[y] = z
      } console.log(array)
    }
  
  
  
    let Games = [
      { title: &quot;Tic Tac Toe&quot;, img: require(&quot;./pics/tictac.png&quot;) },
      { title: &quot;Connect Four&quot;, img: require(&quot;./pics/ConnectFour.jpg&quot;) },
      { title: &quot;Monopoly&quot;, img: require(&quot;./pics/mono.png&quot;) },
    ];
  
    return (
      &lt;View&gt;
        &lt;FlatList data={Games} renderItem={({ item }) =&gt; &lt;Display source={item} title={item.title} img={item.img}&gt; &lt;/Display&gt;} /&gt;
        &lt;Button title=&quot;Shuffle&quot; onPress={() =&gt; {Shuffle(Games)}} /&gt;
      &lt;/View&gt;
    ); 
  }
  </code></pre>