Fix hidden TextInput on Android/Expo

[davista123]

This pull request is a fix to issue #578, #435 and #680.
Currently, on android the text input is hidden when the keyboard is focused. I provide a fix by leveraging the react-native-keyboard-spacer library. The fix renders only on android/expo as shown below:

renderKeyboardSpacer() {
   if (Platform.OS === 'android') {
      return (<KeyboardSpacer />);
    }
    return null; 
}

[xcarpentier]

@davista123 Thanks :)
Is that possible to remove this file package-lock.json?
We already using yarn.

[xcarpentier]

Remove package-lock.json

[xcarpentier]

Why this props if you don't use it?

[codecov]

Codecov Report

Merging #737 into master will decrease coverage by 0.25%.
The diff coverage is 0%.

@@            Coverage Diff             @@
##           master     #737      +/-   ##
==========================================
- Coverage   42.91%   42.65%   -0.26%     
==========================================
  Files          20       20              
  Lines         501      504       +3     
  Branches      105      106       +1     
==========================================
  Hits          215      215              
- Misses        218      220       +2     
- Partials       68       69       +1

Impacted Files	Coverage Δ
src/GiftedChat.js	24.09% <0%> (-0.45%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 75a8ce2...e8723f0. Read the comment docs.

[jeaye]

Any update on this one? Having gifted chat do this by default would be great.

[MrGurns]

Subscribing.

[watadarkstar]

Any updates on this @davista123 @xcarpentier ? What still needs to be done?

[stale]

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.

[camin-mccluskey]

Any update on this? Currently this library works perfectly on iOS and suffers from this keyboard hiding issue on Android for me. I've tried everything to push the textInput up over the keyboard but nothing has worked.

[SathishSaminathan]

try this..

<View style={{ flex: 1 }}>
    <GiftedChat
        messages={this.state.messages}
        onSend={messages => this.onSend(messages)}
        user={{
            _id: 1,
        }} />
    <KeyboardAvoidingView
        behavior={'padding'}
        keyboardVerticalOffset={80}
    />
</View>

[FromSunNews]

thử cái này xem sao..

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

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

I appreciate you, thiss work for me