У меня есть экран с 2 текстовыми вводами внутри KeyboardAwareScrollView :

When the user fills the text inputs, an action button appears in the bottom:

I want the action button to be always visible if the user fills all the details, so i did the following:
// the button goes here
The problem is that the button covers the last text input if the keyboard is open:

So i added extraScrollHeight
and extraHeight
to the KeyboardAwareScrollView
, it works fine if there are no already focused textInputs
.
However, if there is an already focused textInput
and the user presses on another one, no extra scroll space is added.
Meaning that if the user presses on the name field, fill his name and then presses on email field,extraScrollHeight
will be ignored.
My container looks like the following:
{this.props.children}
DEMO:
введите описание изображения здесь