Css React Native:如何创建;网格“;使用flexbox布局?
我希望在我的移动React原生应用程序上有一个3xN布局,所以类似这样:Css React Native:如何创建;网格“;使用flexbox布局?,css,react-native,gridview,flexbox,Css,React Native,Gridview,Flexbox,我希望在我的移动React原生应用程序上有一个3xN布局,所以类似这样: [ ] [ ] [ ] title1 title2 title3 [ ] [ ] [ ] title4 title5 title6 [ ] [ ] [ ] title7 title8 title9 ... ... ... 垂直方向的整个布局将在滚动视图中,这样即使它加载的项目超过一个屏幕
[ ] [ ] [ ]
title1 title2 title3
[ ] [ ] [ ]
title4 title5 title6
[ ] [ ] [ ]
title7 title8 title9
... ... ...
垂直方向的整个布局将在滚动视图中,这样即使它加载的项目超过一个屏幕所能显示的项目数,它也能完整地显示出来。只需在容器上设置flexWrap:“wrap”,如果您希望每行项目数恒定,为您的项目设置一个
flexBasis:'33%'
而不是一个静态值,以确保设备的宽度可以正确缩放是的,这是可行的!谢谢!:-)