title: React native keyboardAvoidView covers half textInput
body: <p>This error is observed on Samsung note 10, Not on all devices, But mostly on Samsung
  The keyboard covers up half of the Textinput, I've tried a couple fixes, But none is working.</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;KeyboardAvoidingView
    style={{ flex: 1 }}
    behavior="padding"
  &gt;
    &lt;GiftedChat
      // style={{ flex: 1 }}
      messages={this.state.messages}
      onSend={this.onSend.bind(this)}
      renderBubble={this.renderBubble}
      isAnimated
      renderMessageImage={(props) =&gt; (
        &lt;this.renderMessageImage props={props} _this={this} /&gt;
      )}
      user={{
        _id: this.state.uid,
      }}
    /&gt;
  
              &lt;/View&gt;
            &lt;/KeyboardAvoidingView &gt;
          );
  </code></pre>
  
  <p>I also used  </p>
  
  <pre class="lang-js prettyprint-override"><code>{ Platform.OS === 'android' ? &lt;KeyboardSpacer /&gt; : null }
  </code></pre>
  
  <p>But it didn't work either</p>
  
  <p><a href="https://i.stack.imgur.com/paCKp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/paCKp.jpg" alt="Chat screen React Native"></a></p>