react native 100+ items flatlist very slow performance

Question

I have a list just simple text that rendering into flatlist on react native but I am experiencing very very slow performance which makes app unusable.

How can I solv

Answer 1

check this link

https://github.com/filipemerker/flatlist-performance-tips

Example

FlatList
    containerContentStyle={styles.container}
    data={countries}
    renderItem={({ item }) => (
      
        
      
    )}
    keyExtractor={item => item.alpha2code}
    ListHeaderComponent={() => this.renderHeader()}

    // Performance settings
    removeClippedSubviews={true} // Unmount components when outside of window 
    initialNumToRender={2} // Reduce initial render amount
    maxToRenderPerBatch={1} // Reduce number in each render batch
    maxToRenderPerBatch={100} // Increase time between renders
    windowSize={7} // Reduce the window size
  />