title: React Native FlatList Rerender Problems
body: <p>So I have this selection FlatList where the user can select a country. When I press on a item it's going to take a second and after the second it is displaying the checkmark.</p>
  <p>The Problem is the second. The user cannot wait a second to see that the country was selected.</p>
  <pre><code>&lt;FlatList
    keyExtractor={item =&gt; item.countryid}
    data={countryChoices}
    renderItem={({item}) =&gt; {
      return(
        &lt;CountryComponent                                       
          item={item}
          conditionToCheck={country == item.countryname}
          onPress={() =&gt; setCountry(item.countryname)}
        /&gt;
      )
    }}
  /&gt;
  </code></pre>
  <p>This is my Flatlist. <code>countryChoices</code> is just an array with different objects for the countries. the <code>conditionToCheck</code> checks wether to show or to hide the checkmark. If the selected Country is equal to the item then it's going to show the checkmark.</p>
  <p>But after clicking on it it's taking too long :/</p>
  <p>I also tried wrapping the FlatList Item in a useCallback but it wasn't (much) faster</p>
  <p><a href="https://i.stack.imgur.com/Q41XJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q41XJ.png" alt="enter image description here" /></a></p>