反应原生的全智能和高度（特别是GiftedChat）

Question

我正在尝试GiftedChat（＆＃39; react-native-gifted-chat＆＃39; package）

我的代码是：

  <View style={styles.container}>
    <Text style={{width:400}}>
      Welcome to React Native! {check()}
    </Text>
    <GiftedChat
      style={styles.welcome}
      messages={this.state.messages}
      onSend={(messages) => this.onSend(messages)}
      user={{
        _id: 1,
      }}
    />
  </View>

const styles:any = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
})

为什么Gifted聊天组件不完全可见？我究竟做错了什么？在完全可用的屏幕宽度和高度上，我需要做些什么？我需要尝试检查什么？

非常感谢任何建议。

Answer 1

我发现如果返回GiftedChat组件没有包装容器而不是：

，它会起作用

return (
  <View style={styles.container}>
    <Text style={{width:400}}>
      Welcome to React Native! {check()}
    </Text>
    <GiftedChat
      messages={this.state.messages}
      onSend={(messages) => this.onSend(messages)}
      user={{
        _id: 1,
      }}
    />
  </View>
)

写：

return (
  <GiftedChat
    messages={this.state.messages}
    onSend={(messages) => this.onSend(messages)}
    user={{
      _id: 1,
    }}
  />
)