子平面列表不接受水平

Question

我有两个平面列表，我用它来在另一个列表中创建一个列表，两者都是水平的，但只有一个(父平面列表(正在应用水平，但子列表没有应用该水平行为。

<FlatList
data={carTypes}
renderItem={({ item }) => (
<View style={{ height: 200, width: 300 }}>
<Text style={{color: "red", alignSelf: "center"}}> {item.title} </Text> 
<FlatList
data={item.car_model}
renderItem={ ( carModel ) => (
<View style={{width: "70%", backgroundColor: "yellow"}}>
<Text>
{carModel.item.title}
</Text>
</View>
)}
keyExtractor={(carModel) => carModel.id.toString() }
horizontal={true}
/>
</View>
)}
keyExtractor={item => item.id.toString()}
horizontal={true}
/>

Answer 1

你必须向内部FlatList添加一个唯一的listKey道具。 检查示例：https://snack.expo.io/SkIfGX6aS