我可以在 FlatList (React Native) 中使用 FlatList 吗？

Question

Now I want to build a small library app. In this app, I am using FlatList. Then can I use FlatList in a FlatList? So can I get this kind of effect with FlatList? Now I am thinking as follows. Is this possible method? If this method is possible, how to use it? I wish any sample code even very simple.

<FlatList
    data={this.state.countryList}
    renderItem={({ country }) => (
        <FlatList
            horizontal
            data={this.props.album ? this.props.album.mostDown : []}
            renderItem={({ item }) => (
                <TouchableOpacity onPress={() => {
                    this.props.navigation.navigate('StageTwo')
                }}>
                    <View style={styles.borderImageGroup}>
                        <Image style={styles.borderImage} source={{ uri: item['thumbnailURL'] }} />
                    </View>
                </TouchableOpacity>
            )}
            keyExtractor={item => item.id}
        />
    )}
/>

Answer 1

我找到了解决方案，它对我来说非常有效。

<FlatList
  data={data ? data : []}
  renderItem={({ outerItem }) => (
    <View>
      <FlatList
        data={outerItem["data"] ? outerItem["data"] : []}
        renderItem={({ innerItem }) => (
          <TouchableOpacity onPress={() => {
            navigation.navigate("Home", {
              artist_id: innerItem["artistID"]
            })
          }}>
            <View>
              <Text>Inner FlatList</Text>
            </View>
          </TouchableOpacity>
        )}
        keyExtractor={(innerItem) => innerItem.id}
      />
    </View>
  )}
/>