react-native - フラットリストがコンテナに収まらない理由 - React Native

Question

私のフラットリストはラッピングされていますが、したくありません。これはデータ型に固有のものですか?

フラットリストを使用する場合の関連コードは次のとおりです。

<View>
                                <Text style={styles.statLabel}>
                                    Habilidad(es)
                                </Text>
                                <FlatList
                                    data={ this.state.pokemonAbilities }
                                    renderItem={({item}) => <Text style={styles.statData}>{item.node}</Text>
                                    }
                                    keyExtractor={(item) => item.id}
                                />
                            </View> 

このコードをレンダリングすると、"Habilidades" は本来あるべき他の 2 つの統計の下にありません。代わりに、右 に折り返されて終了します。

フラットリストを削除し、代わりにプレースホルダー テキストを使用すると、次のように機能します。

<View>
                                <Text style={styles.statLabel}>
                                    Habilidad(es)
                                </Text>
                                <Text>
                                    Placeholder
                                </Text>
                            </View> 

上記のコードは以下をレンダリングします: プレースホルダー付きのコード

abilityContainer、statsLabel、および statsData のスタイルは次のとおりです。

statLabel: {
    color: 'white',
    fontSize: 20,
},
stateData: {
    marginBottom: 20
},