Please provide the following:
- SDK Version:47.0.0
- 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?