我想要一个3xN布局在我的移动React Native应用程序,所以像这样的东西:
[ ] [ ] [ ]
title1 title2 title3
[ ] [ ] [ ]
title4 title5 title6
[ ] [ ] [ ]
title7 title8 title9
... ... ...
整个布局,垂直的,将在滚动视图,这样即使它加载的项目超过一个屏幕可以显示,它可以正确地显示它的整体。
只需在容器上设置flexwrap:'wrap'
,如果您希望每行的项目数恒定,则为您的项目设置flexbasis:'33%'
而不是静态值,以确保设备的宽度适当缩放