Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Does SectionList support multiple columns?

See original GitHub issue

Description

I try to build a sectioned list with multiple columns on a row using ListView and flex-wrap (following the UIExplorer example). The problem is that both section header and list header component are positioned as “columns” among the normal cells, which breaks the layout.

I see that the new FlatList has a numColumns props but the new SectionList doesn’t.

Questions

How to implement a multi-column sectioned list in React Native? Which component should I use?

Issue Analytics

State:
Created 6 years ago
Reactions:5
Comments:9 (2 by maintainers)

Top GitHub Comments

18reactions

hramoscommented, Apr 14, 2017

This issue looks like a question that would be best asked on StackOverflow.

StackOverflow is amazing for Q&A: it has a reputation system, voting, the ability to mark a question as answered. Because of the reputation system it is likely the community will see and answer your question there. This also helps us use the GitHub bug tracker for bugs only.

Will close this as this is really a question that should be asked on StackOverflow.

5reactions

GantMancommented, Sep 3, 2017

@irrigator If you useflexWrap: 'wrap' like we used to have to do on ListViews, it works, but it gives a yellowbox warning about virtual lists not supporting it… but then again… it supports it.