在反应原生扁平列表中渲染多个数据集

Question

我想在滚动容器中显示图像和其他数据。 我有两个独立的api for image＆amp;其他数据。 我正在使用react-native flatlist。如何同时渲染两个数据集。

这是我的代码：

<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

如果要在平面列表中呈现多个数组，则必须将它们连接起来。将您的flatlist组件中的数据支柱更改为：

data={data1.concat(data2)}

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