KeyboardAvoidingView issue on iOS

Please provide the following:

  1. SDK Version:47.0.0
  2. Platforms(Android/iOS/web/all): android

When I have a longer form inside a <ScrollView />, the keyboard hides the content at the bottom of the form in iOS:

    <KeyboardAvoidingView
      behavior={Platform.OS === "ios" ? "padding" : null}
      style={[s`flex-1`, style]}>
      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
        <Formik
          enableReinitialize
          initialValues={initialValues}
          onSubmit={onSubmit}
          validationSchema={validationSchema}
          {...otherProps}>
          // form content...
        </Formik>
      </TouchableWithoutFeedback>
    </KeyboardAvoidingView>

On Android I have to unset the behavior setting because "height" didn’t works as expected.
On iOS it kinda works, but the last field of the form is overlapped by the keyboard. I can manually scroll up and see the submit button (that is the last item in the form) but i can’t press it because as soon as I lift the finger it automatically scrolls down again and hides it.

Of course i can tap anywhere and hide the keyboard, but it’s still annoying to the users.

Is there a solution?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.