react-native-keyboard-avoider icon indicating copy to clipboard operation
react-native-keyboard-avoider copied to clipboard

iOS ui jerk solution

Open DarrylKay opened this issue 2 years ago • 2 comments

This is a great package that really does fix a lot of the common issues found with the KeyboardAwareScrollView library. I found an issue on iOS that when you have multiple text inputs using the KeyboardAvoiderScrollView component, it kept moving the screen above the focused text input and hiding it behind the keyboard view.

For those that are facing similar issues, adding automaticallyAdjustKeyboardInsets to the KeyboardAvoiderScrollView removes this issue (at least for me it did).

<KeyboardAvoiderScrollView
  automaticallyAdjustKeyboardInsets
  contentContainerStyle={{ flexGrow: 1 }}
 >
  {children}
</KeyboardAvoiderScrollView>

Hope this helps someone when using this package

DarrylKay avatar Feb 24 '23 09:02 DarrylKay