[iOS] keyboardAvoidingOffset prop not working properly

Description I have an input as my FooterComponent & I set keyboardAvoidingBehavior="padding" (the default). When the input is focused, the modal receives a weird height.

Also, if I don’t set keyboardAvoidingOffset, I can’t see my input on focus. But if I do (here I set it as 180), the offset remains even when my input is blurred.

Reproduce keyboardAvoidingOffset={0}

keyboardAvoidingOffset={180}

Dependencies:

• react-native-modalize: 1.3.7-rc.23
• react-native: 0.61.5
• react-native-gesture-handler: ^1.6.1

[jeremybarbet]

About the issue with the bottom tab bar you can use react-native-portalize to be able to display Modalize on top of the router.

I made the changes there https://snack.expo.io/@jeremdsgn/react-native-modalize-issues-176-and-177

I will dig more for the rest of the problems!

Edit: Just saw you use panGestureEnabled at the wrong place. It’s a Modalize’s props, and not a FlatList’s props. Adding it works, well at least you don’t have the jump happening and it can be a good first workaround. To be continued…

Edit 2: With panGestureEnabled={false} and commenting out

// keyboardAvoidingBehavior={Platform.OS === 'ios' ? 'padding' : 'height'}
// keyboardAvoidingOffset={Platform.OS === 'ios' ? 110 : 0}

the input is fixed at the bottom and follow the keyboard. On both Android/iOS. Can you confirm it with your real app?

If that’s so it means that the only issue is related to inverted: true and panGestureEnabled={true}

[jeremybarbet]

Cool that’s good to hear! If there was anything you didn’t understand in the documentation, feel free to open PR to make clearer.