我找到了答案

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，设置高度并将其提供给视图 style = {{height}}

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

1 个答案:

我找到了答案