Keyboard covers text input on android only

Issue Description

The keyboard covers the text input on android only. It doesn’t look like the content moves at all. My configuration is essentially the default, and while I do use react-navigation, this page has neither tabs nor a top header.

I’ve been through all of the other issues on this repo concerning what seems to be the same issue here and tried all of them to no avail on android (iOS works fine, even when I do add a header or bottom tabs).

Steps to Reproduce / Code Snippets

<View style={{ flex: 1 }}>
<GiftedChat
          messages={messages}
          onSend={sendMessage}
          user={{
            _id: -1,
          }}
/>
</View>

Expected Results

The text input (and the existing messages) to slide up above the keyboard.

Additional Information

• Nodejs version: v16.13.0
• React version: 17.0.2
• React Native version: 0.68.2

https://user-images.githubusercontent.com/19966086/179897620-9637ad3f-b338-48db-8d23-d91409151836.mov

• react-native-gifted-chat version: 1.0.4
• Platform(s) (iOS, Android, or both?): Android
• TypeScript version: N/A

[huuthinh95]

You can try https://stackoverflow.com/questions/3295672/android-soft-keyboard-covers-edittext-field

[chunghn]

There is no effect of bottomOffset if windowSoftInputMode=“adjustPan”

Turns out I just use the default value, ‘resize’, and figured out these value for the Offset (I’m using expo)

bottomOffset={Platform.OS === "ios" ? 10 : 0}
minInputToolbarHeight={Platform.OS == "android" ? 48 : 40}