React-Native Flatlist无法呈现？

Question

我的ReactNative FlatList不能通过这种简单的实现呈现。

 <FlatList style={{flex:1, backgroundColor:'red'}}
           data = {this.state.users}
           keyExtractor={item => item.key.toString()}
           renderItem={({item}) => {
               return (
                   <ChatUserCard key={item.uid} username={item.username} />
               )
           }}
/>

ChatUserCard

<View style={styles.cardStyle}> 
    <Text style={styles.itemStyle}>{this.props.username}</Text>
    <Button style={styles.buttonStyle}
            title='Chat'
            onPress={this.startChat} />
</View>

Answer 1

请尝试在注释列表下方的视图中添加注释，并从注释列表的样式中删除flex 1。尝试检查它是否与样式相关

Answer 2

我在想什么是您没有将FlatList包裹在设置了View的{​​{1}}中。另外，您可能可以使用flex: 1作为密钥，而不用在对象数据中设置uid

演示

https://snack.expo.io/@anonymoussb/so53688423

key