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

子平面清单不接受水平

1 个答案: