Text box not visible when keyboard active using expo

Issue Description

Text bot is invisible when keyboard active in android with expo. I’m usingforceGetKeyboardHeight={true} and the message content moves correctly but there is an empty space instead of the textbox.

Steps to Reproduce / Code Snippets

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

Expected Results

The text box should be visible.

Additional Information

• Nodejs version: 8.9.3
• React version: 16.0.0
• React Native version: expo react native sdk 23.0.0
• react-native-gifted-chat version: 0.3.0
• expo version: 23.0.0
• Platform(s) (iOS, Android, or both?): Tested on android

[akulah91]

I got it… Just do like this…

 <View  style={{flex:1}}>
          <GiftedChat

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

            <KeyboardAvoidingView behavior={'padding'} keyboardVerticalOffset={80}/>
        </View>

need to declare flex to parent view to make it works. 👍

[christopher-18]

I had the same issue , but in my case textInputBar was pushing above the keyboard but its view was coming partially. <KeyboardAvoidingView behavior={'padding'} style={{flex:1}} keyboardVerticalOffset={30}> <ChatBot/> </KeyboardAvoidingView> fixed my problem. Here <ChatBot/> is my component where I have called GiftedChat . Hope this helps.