css - 你如何将 React Native Gifted Chat 移到屏幕上？

Question

我有一个带有底部标签导航器的应用程序，还有 React-Native-Gifted-Chat。聊天从屏幕底部开始，因此底部选项卡导航器会阻止它。 底部导航栏阻止 Webpack 上的聊天 底部导航栏阻止 iOS 上的聊天

我试着做

<GiftedChat
      messages={messages}
      onSend={messages => onSend(messages)}
      user={{
        _id: 1,
      }}
style={{bottom: 20, position: absolute}}
    />

它没有用。无论如何我可以向上移动聊天，这样我就可以同时拥有底部导航栏和聊天节目并完美地工作？谢谢。

标签： cssreact-native

Answer 1

将其包裹起来View并为该视图设置样式

<View style={{flex: 1, marginBottom: 20}}>
  <GiftedChat
      messages={messages}
      onSend={messages => onSend(messages)}
      user={{
        _id: 1,
      }}
    />
</View>