Two columns in RN FlatList

react-native react-native-flatlist
doublemax picture doublemax · Jan 18, 2018 · Viewed 14.2k times · Source

How can I list 2 columns in a React Native Flatlist, e.g.:

enter image description here

Answer

Eduardo Macêdo picture Eduardo Macêdo · Jan 19, 2018

Just pass the prop numColumns to your FlatList component.

Related questions

How to re-render flatlist?

Unlike ListView we can update this.state.datasource. Is there any method or example to update FlatList or re-render it? My goal is to update the text value when user press button ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> …

Read More
React Native - Use a keyExtractor with FlatList

I have been getting the: "VirtualizedList: missing keys for items, make sure to specify a key property on an item or provide a custom keyExtractor" pretty confusing..., the array i am passing it has a key property defined in each …

Read More
Hide scrollbar in FlatList (React Native) in Android

I am trying to use FlatList (React-native) in my app. I am using it horizontally and can see the scrollbar. There is an option in ScrollView to hide the scrollbar but not in FlatList. Has anyone been able to hide …

Read More