How do you use FlatList in react-native example?

For quick and simple solution Try:

The extraData prop is used to re-render the FlatList items dynamically . So what we are doing is that we make 2 Array in our tutorial and render the FlatList using first array object.

The FlatList component has a prop named as horizontal={} which support Boolean value True and False . The default value is False and if we define its value to True then it will make our FlatList horizontal with horizontal scrolling enabled.

React Native FlatList Component

flatlist-simple By passing extraData={selectedId} to FlatList we make sure FlatList itself will re-render when the state changes. Without setting this prop, FlatList would not know it needs to re-render any items because it is a PureComponent and the prop comparison will not show any changes.19 Oca 2022

React Native FlatList Example