我正在将React项目转换为React Native,需要帮助在React Native中设置网格布局 . 我想通过x行设置一个5-col(行数可能会有所不同)视图 . 我已经使用了react-native-tableview-simple软件包,但我无法指定单元格的范围 . 我也尝试过react-native-flexbox-grid包,我可以设置列,但是我仍然无法设置特定单元格的 Span 宽度 . 我想知道我能用什么 .
作为参考,我希望我的表看起来像这样的行:
|Col 1|Col 2|Col 3|Col 4|Col 5|
|------------------------------
Row 1| Text | Yes | No |
|------------------------------
Row 2| Text | Yes | No |
|------------------------------
Row 3| Text | Dropdown |
3 回答
你可以不用任何包来做到这一点 . 如果每行完全相同,则执行以下操作应解决您的问题;
在寻找答案后,我发现了一个非常棒的库,其行为与Bootstrap表非常相似 . 我发现使用React Native的布局非常具有挑战性,但是这个库提供了可预测的布局结果 .
React Native Easy Grid
我同意应该在React Native中内置基本的flex表,但是直到他们这个库对我来说非常有用 .
如果你想要一个通用的Table组件,为了获得这样的输出:
在主UI文件中,您可以通过以下方式呈现表: