Horizontal list with multiple rows

[Mohamed-kassim]

Any recommended way for implementing a horizontal list with multiple rows, it's easy to implement in Flipkart/RecyclerListView as we provide height and width to the layout handler
also I don't think wrapping the list with scroll view like this solution, is the performant one
https://stackoverflow.com/questions/45939823/react-native-horizontal-flatlist-with-multiple-rows

[davebcn87]

Hey @Mohamed-kassim, thanks for you message. I converted this to a discussion as we don't consider this a bug. Can you send a screenshot of what you are trying to achieve?

[Mohamed-kassim]

Hey @davebcn87 you are right, this shouldn't be considered a bug
what I am trying to achieve is a horizontal list, but not with a single row

as you see here there are horizontal categories list with 2 rows, and horizontal products list with 3 rows
currently, we r using Flipkart/RecyclerListView, only by providing height for the item and giving the list parent container height
the list wraps items with the needed number of rows, the same for the products list
it's not required for me to calculate these rows dynamically I just need to implement the horizontal list with multiple rows.
if you checked the link for StackOverflow you will find old workarounds to get this in flat list.
and this is another image from there explaining the same requirement

[Mohamed-kassim]

@davebcn87 sorry for bothering, just a reminder

[naqvitalha]

@Mohamed-kassim Unfortunately, FlashList can only do one item per column when in horizontal mode. A quick workaround can be to wrap your entire column in a View and render it as a single item. Let me know if this helps.