react-native - Child Flatlist 不接受水平

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}
          />

标签： react-native

Answer 1

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