reactjs - react 原生天才聊天中的输入被键盘覆盖

Question

我遇到了 Android 版本的问题。

我正在为我的应用程序聊天使用天才聊天。但是文本输入被键盘覆盖，所以我看不到我在输入什么。

我正在使用 native 版本 0.51。我已经遵循了几个解决方案，但它仍然无法正常工作。

我尝试了使用 keyboardAvoidingView 的 this solution 并添加了 KeyboardSpacer 并且它也不起作用。

任何建议都会非常好。

这是我的渲染组件代码

render() {
console.log(this.state);
return (
  <View style={{flex: 1}}>
    <GiftedChat
      messages={this.state.messages}
      onSend={Fire.shared.send}
      loadEarlier={this.state.loadEarlier}
      isLoadingEarlier={this.state.isLoadingEarlier}

      user={{
        name: this.props.profile.name,
        _id: this.props.profile.user_id,
        avatar: this.props.profile.profile_image
      }}

      renderUsernameOnMessage={true}
      renderActions={this.renderCustomActions}
      renderAvatar={this.renderAvatar}
      renderBubble={this.renderBubble}
      renderSend={this.renderSend}
      renderSystemMessage={this.renderSystemMessage}
      renderCustomView={this.renderCustomView}
      renderFooter={this.renderFooter}
      keyboardShouldPersistTaps={'always'}
    />
    <KeyboardSpacer/>
  </View>
)}

Answer 1

我也有同样的问题。我通过在 AndroidManifest.xml 文件中添加 android:windowSoftInputMode="adjustResize" 解决了它，如下所示:

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  ...
  ...
  >
  <activity
    android:name=".MainActivity"
    ...
    ...
    android:windowSoftInputMode="adjustResize" <!-- add here -->
  >
    ...
  </activity>
  ...
</application>