[Android] TextInput jerks up and down on focus and blur

Describe the bug When using a TextInput in Modalize, focus and blur cause the modal to resize itself only after the keyboard appears. This only occurs on Android devices and it does not seem to matter which settings I choose unless I don’t set the height and have adjustContentToHeight={true}.

Example

<Modalize
    ref={modalRef}
    disableScrollIfPossible
    modalHeight={520}
    avoidKeyboardLikeIOS={false}
    keyboardAvoidingOffset={0}
    adjustToContentHeight={false}
>
    <View>
        <TextInput
            style={{ backgroundColor: "red" }}
        />
     </View>
</Modalize>

Another Example

<Modalize
    ref={modalRef}
    disableScrollIfPossible
    modalHeight={520}
    avoidKeyboardLikeIOS={true}
    keyboardAvoidingOffset={100}
    adjustToContentHeight={false}
>
    <View>
        <TextInput
            style={{ backgroundColor: "red" }}
        />
     </View>
</Modalize>

Dependencies:

• react-native-modalize [2.0.6]
• react-native [e.g. 0.62.2]
• react-native-gesture-handler [1.6.0]
• expo/react-navigation/react-native-navigation: [expo @38.0.0]

[JacksonLaw]

Looks like a potential fix for this issue is using the new SDK 38 android setting as follows:

"android": {
  "softwareKeyboardLayoutMode": "pan"
}

I believe if you’re not using expo the same issue may be fixed with android:windowSoftInputMode=“adjustPan” in your android manifest.

Can anyone else confirm this is a suitable fix? I will close the issue if so

[JacksonLaw]

what to do if using expo?

update to expo SDK 38 and add the code above to your app.json file