将Flex:1设置为根视图后,平板列表的内容不可见

时间:2018-07-19 21:53:34

标签: reactjs react-native-ios react-native-flatlist

我目前有一个固定的列表,我无法滚动到最后。我没有将Flex = 1设置为根视图。

如果我将flex:1设置为根视图,则内容根本不可见。这是我到目前为止编写的代码。

 <View>
                <FlatList
                    data={this.state.data}
                   // style={{ flex: 1 }}
                    onScroll={this.handleScroll}
                    ref='flatlist1'
                    onEndReached={this.handleEndRefresh}
                    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>        

0 个答案:

没有答案