react-native中插入表格的几种方法

一、用和map遍历循环得到表格

实例代码:

效果图:


comInformation 是有几个对象组成的动态数组,数组中的元素增加或减少,表格内容也会跟着增加或减少

二、用 react native 的自带组件FlatList (https://reactnative.cn/docs/flatlist/)

示例代码:


具体 API 可以参考上述链接中的官网文档

效果图


中间分割白线的实现方法,我这里的白线是一张调了透明度的白线的切图,可以根据实际需要自行调整,插入白线是这行代码


以及


为什么这么写,官网上说

也就是这个属性的类型应该是一个 ' component '。

不同的属性有不同的类型值,官网上都有。

你可能感兴趣的:(react-native中插入表格的几种方法)