在React Native中呈现列表中的列表

Question

我试图在每个对象内呈现一个具有两个子数据数组的列表。我试图显示这个游戏对象数组，它有一个gameTitle，一个发行商数组，一个开发者数组和一个id。对于发行商和开发者来说，并不是每款游戏都有相同的选择。一开始我想做一个sectionList，但是有两个数据集，我认为这就是问题所在。现在我想创建一个flatlist并在其中为发行商和开发者数组创建flatlist或sectionlist。但我还是不知道该怎么做。我该怎么做呢?

creatorData:  Array [
Object {
"DevData": Array [
Object {
"Developer": "DICE",
},
],
"GameTitle": "Battlefield 1",
"PubData": Array [
Object {
"Publisher": "Electronic Arts",
},
],
"id": 0,
},
Object {
"DevData": Array [
Object {
"Developer": "DICE",
},
Object {
"Developer": "DICE Los Angeles",
},
],
"GameTitle": "Battlefield 4",
"PubData": Array [
Object {
"Publisher": "Electronic Arts",
},
],
"id": 1,
}]

Answer 1

嘿，基本上Flatlist中的Flatlist是可以工作的，但是我们需要确保子Flatlist不总是覆盖父Flatlist的滚动。

因此假设

const data = [{a:{ childData:[] }} , {b:{childData:[]}} ]
const renderEachRow = ({item}) => {
return(
<View style={{height:HEIGHT_DEVICE/3,marginHorizontal:30}} >
<Text>Title</Text>
<Flatlist data={item.childData} renderItem={renderChildRow} />
</View>
)
return(
<View style={{flex:1}}>
<FLatlist data={data} renderItem={renderEachRow}
style={{flex:1}}
/>
)
</View>
}

希望这对你有帮助，有疑问请随时提问