React Native - Horizontal FlatList in multiple line

174 Views Asked by At

I have created a FlatList in which all the item are horizontal scrollable. I want to add a functionality when screen width ends so that next item must come in next line.

Please help.

 <FlatList
            data={item.label}
            scrollEnabled={true}
            horizontal
            renderItem={({item, index}) => (
             <View></View>
             )}
            numColumns={1}
            keyExtractor={(item, index) => index}
            contentContainerStyle={{backgroundColor: '#fff',}}
            showsVerticalScrollIndicator={false}
            onEndReachedThreshold={0}
            showsHorizontalScrollIndicator={false}
            bounces={false}
          />

using this I am able to add only horizontal list but not able to divide it into next line when screen ends.

Please help!

Thanks

0

There are 0 best solutions below