React Native中的2维数组循环视图

Question

我是新手做出反应原生，不知道如何正确循环2维数组。目前我在创建可以从数组中获取数据的简单flexbox布局循环时遇到问题。

这是我的形象。 Flexbox Layout

我的第一个循环是FlexDirection Row，它循环8个数据，第二个循环用于循环2个数据的Column。

问题是我无法获取所有数据，因为主视图位于第二个循环中，而8个数据中只有2个数据。

这是我的数据和渲染功能代码。

(1.1.1.1, http://test.com)

谢谢你们！

Answer 1

您也可以使用FlatList通过rederItem方法道具显示您的视图并设置numColumns={2}。