提问者:小点点

React Native:如何使用FlexBox创建“网格”布局?


我想要一个3xN布局在我的移动React Native应用程序,所以像这样的东西:

[    ] [    ] [    ]    
title1 title2 title3    
                        
[    ] [    ] [    ]
title4 title5 title6

[    ] [    ] [    ]
title7 title8 title9

...    ...    ...

整个布局,垂直的,将在滚动视图,这样即使它加载的项目超过一个屏幕可以显示,它可以正确地显示它的整体。


共1个答案

匿名用户

只需在容器上设置flexwrap:'wrap',如果您希望每行的项目数恒定,则为您的项目设置flexbasis:'33%'而不是静态值,以确保设备的宽度适当缩放