如何使平面列表不断增长以覆盖整个屏幕？

Question

使用 react-native-gifted-chat 。仅包含一条消息，“平面列表”不会占据整个屏幕，导致向下滚动时该消息看起来很奇怪（请参见图片）。如何使列表增长到填满整个屏幕？

 <View style={styles.container}>
  <GiftedChat
    messages={this.state.messages}
    onSend={this.onSend}
    alwaysShowSend
    minInputToolbarHeight={60}
    bottomOffset={0}
    alignTop
  />
 </View>
const styles = EStyleSheet.create({
  container: {
    flex: 1,
  }
})

Answer 1

以下代码对我有用。设置属性alignTop false，为flex: 1使用SafeA以确保FlatList占据了所有屏幕。

 <SafeAreaView style={styles.container}>
    <GiftedChat
      messages={this.state.messages}
      onSend={this.onSend}
      alignTop={false}/>
  </SafeAreaView>

const styles = StyleSheet.create({
  container: {
    flex: 1,
 },
})