在反应本机平面列表中渲染多个数据集

Question

我想在滚动容器中显示图像和其他数据。我有两个单独的 API 用于图像和其他数据。我正在使用反应原生平面列表。如何同时渲染两个数据集。

这是我的代码：

<FlatList
    horizontal={true}
    data={data1, data2}
    renderItem={this.renderData}
    keyExtractor={item => item.id}
    removeClippedSubviews={false}
    bounces={false}
    showsHorizontalScrollIndicator={false}/>
renderData = (item) => {
    <View></View>
}

Answer 1

如果你想在平面列表中渲染多个数组，你必须连接它们。将平面列表组件中的数据属性更改为：

data={data1.concat(data2)}

我假设 data1 和 data2 是数组，因为您还没有显示它们的实际内容。这里最好的情况是 2 个数组具有相同的数据结构，只是值不同。