Samsung Keyboard, textInputBox covered [Expo: 35.0.0]

Issue Description

Samsung s7 Edge, using Samsung Keyboard which comes with the phone. The textInputBox is being hidden when the keyboard becomes active.

At the moment I can still see all the messages in the conversation, scroll through them etc. I am wrapping the <GiftedChat /> comp in a <KeyboardAvoidingView /> after reading another github issue here - didnt solve my issue, putting the <KeyboardAvoidingView /> after the <GiftedChat /> didnt fix the issue either.

Steps to Reproduce / Code Snippets

renderContent = () => {
    const { messages: stateMessages } = this.state;
    const me = this.getMe();
    return (
      <View style={{ flex: 1 }}>
        <KeyboardAvoidingView style={{ flex: 1 }}>
          <GiftedChat
            showUserAvatar
            scrollToBottom
            messages={stateMessages}
            onSend={messages => this.onSend(messages)}
            user={me}
            bottomOffset={55}
            parsePatterns={this.parsePatterns}
            renderActions={this.renderConversationActions}
            renderCustomView={this.renderCustomView}
            renderBubble={this.renderBubble}
            renderMessageVideo={this.renderCustomVideo}
            renderTime={this.renderTime}
            forceGetKeyboardHeight
          />
        </KeyboardAvoidingView>
      </View>
    );
  };

Expected Results

should be able to scroll and see all messages in conversation as well as the textInput and the message I am typing.

Additional Information

I have an android device to test with that is using Gboard as the keyboard software and everything works fine.

• Nodejs version: 12.12.0
• React version: [FILL THIS OUT]
• React Native version: [FILL THIS OUT]
• Expo version: 35.0.0
• react-native-gifted-chat version: ^0.7.3
• Platform(s) (iOS, Android, or both?): Android
• TypeScript version: [FILL THIS OUT]

[theodelebarre]

@virtualLast Just had the same issue. Solved it by NOT having forceGetKeyboardHeight prop and by adding the following below GiftedChat component: {Platform.OS === "android" && <KeyboardSpacer />}

Find it here I do not know if that works with a Google Keyboard

---

EDIT: Just tried with Google Keyboard and it is working.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.