[react native] 请问 react native 如何做出表格布局？

[maomaomao001]

[react native] 请问 react native 如何做出表格布局？

flex 布局用的好好的，突然需要一个需求，体格小型组件需要表格布局，请问 如何实现？

搜索过了，似乎都推荐用 list view

可是我的需求也就 4 格的两行 table... 感觉用 listview 很浪费

有没有办法想 html 那样

table

tr

td

?

[aussieweever]

有几个 grid 的开源控件可以试试

[Mikewu]

既然只有 4*2 ，就 view*4 吧，表格需求多的话，自己写个 Component 吧

[maomaomao001]

@Mikewu 关键是自己写这样的 4 个 view ，似乎没法办证行 宽度相同，行又能对齐

[Mikewu]

@maomaomao001 view 内部使用 flexDirection: 'row' ,flex: x 布局，使用同一 view 或者控制相应比例就可以达到行宽度相同、行对齐了。

[myoula]

flexDirection:'row',
alignItems: 'center',
justifyContent: 'flex-start',
flexWrap:'wrap'

cell 的宽度 等于这个 view 的宽度 /你希望一行单元格数量

[uugklp]

父 View 设置 flexDirection:'row', 里边放两个子 View 设置 flex:1

[maomaomao001]

这些大家