Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css React Native:如何创建;网格“;使用flexbox布局?_Css_React Native_Gridview_Flexbox - Fatal编程技术网

Css React Native:如何创建;网格“;使用flexbox布局?

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 ... ... ... 垂直方向的整个布局将在滚动视图中,这样即使它加载的项目超过一个屏幕

我希望在我的移动React原生应用程序上有一个3xN布局,所以类似这样:

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

[    ] [    ] [    ]
title7 title8 title9

...    ...    ...

垂直方向的整个布局将在滚动视图中,这样即使它加载的项目超过一个屏幕所能显示的项目数,它也能完整地显示出来。

只需在容器上设置flexWrap:“wrap”,如果您希望每行项目数恒定,为您的项目设置一个
flexBasis:'33%'
而不是一个静态值,以确保设备的宽度可以正确缩放

是的,这是可行的!谢谢!:-)