iOS KeyboardAvoidingView not Entirely Avoiding Keyboard

Description

I’m trying to use a keyboard avoiding view to basically push up the entire app window on iOS (mocking the behavior seen by default on Android). KeyboardAvoidingView is having some trouble by not pushing things up quite enough to make it fully visible, the iOS keyboard’s autocorrect menu obscures the very bottom of the contents.

Reproduction Steps and Sample Code

Not really doing anything fancy here, this is actually even simpler code which results in the following screen shots. (The tab bar at the bottom of the app doesn’t and isn’t supposed to move with the rest of the view. It’s intentionally obscured by the keyboard).

<KeyboardAvoidingView behavior="padding" style={{flex: 1, backgroundColor: "#FF0000", justifyContent: "flex-end"}}>
    <PtTextInput theme="dark"/>
</KeyboardAvoidingView>

Solution

Not sure what the problem is. Is the keyboard height not being properly calculated?

Additional Information

• React Native version: 0.43.2
• Platform: iOS
• Development Operating System: MacOS
• Dev tools: iPhone 7 simulator, iOS 10.1

[skhro87]

I have my navbar on top so I needed keyboardVerticalOffset={64} not -64 but +64

[alxvallejo]

+1 - with bugs like this, i can not for the life of me take React Native seriously …