当我将 Flex=1 设置为最顶层视图时，FlatList 不可见

Question

我有一个 FlatList 如下。我无法使内容可滚动，因此，我为视图添加了一种样式为 flex=1。

在视图中添加样式后，FlatList 根本不可见。

任何帮助将不胜感激

<View style={{ flex: 1 }}>
                <FlatList
                    data={this.state.data}
                   // style={{ flex: 1 }}
                    onScroll={this.handleScroll}
                    ref='flatlist1'
                    showsVerticalScrollIndicator
                    onEndReachedThreshold={0.05}
                    ItemSeparatorComponent={this.FlatListItemSeparator}
                    renderItem={({ item, index }) => (
  <View key={index} style={{ backgroundColor: index % 2 === 0 ? 'white' : '#f1f1f1' }}>      
                            <Text style={styles.text}>
                                    {item.playername}</Text> 
                           <Text style={styles.text1}>{item.score}</Text>
                           </View>
                    )
                    }
                    keyExtractor={(item, index) => index.toString()}
                />
            </View>        

Answer 1

我找到了答案

而不是将 flex: 1 赋予视图， 设置一个高度并将其提供给视图 风格={{高度}}