Android keyboard pushes UI up on Android 30+

[tomgransden]

🐛 Bug Report

On Android 30+, absolute positioned elements at the bottom of the screen are pushed up when the keyboard is visible. In older versions of React Native Navigation, the elements are covered by the keyboard.

Have you read the Contributing Guidelines on issues?

Yes

To Reproduce

Assuming the app has a text input at the top and an absolute positioned element at the bottom of the screen:

1. Click the text input to open the Android keyboard

Expected behavior

The absolute positioned button at the bottom would be covered by the keyboard

Actual Behavior

The keyboard appears and absolute positioned elements get pushed up the screen

React Native Navigation version 7.23.1

React Native Navigation version 7.26.0

Your Environment

• React Native Navigation version: 7.26.0
• React Native version: 0.67.3
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Any build type, Android 30+ emulator/device

Reproducible Demo

https://github.com/tomgransden/RNNKeyboardBug

Are you willing to resolve this issue by submitting a Pull Request?

• ✖️   Yes, I have the time, and I know how to start.
• ✖️   Yes, I have the time, but I don't know how to start. I would need guidance.
• ✅   No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.

[alan-nakagiri]

I've seen this same issue as well.

#7428 (comment)

[marf]

Same issue

[alan-nakagiri]

@guyca I always appreciate the work you do to maintain this critical library for a lot of us.

Any chance you are able to take a look into this in the near future?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.

[stale]

The issue has been closed for inactivity.

[ach5910]

I am seeing the same issue, regardless of what I set my windowSoftInputMode to, it is treated like adjustResize and the keyboard moves all the content up.

[alan-nakagiri]

@guyca
We are still seeing an issue with softWindowResizeMode with Android 30 and the latest version of RNN 7.28.1. We were getting by before by staying on version RNN 7.23.1.

However we are attempting to update RN to 68 so we are also updating to RNN.

Is there any update on this issue being resolved?

[kabus202]

please reopen. I think those are related #7428 #7477 #7582 #7569 #7436

[vikrvm]

Does anyone know a fix to this by chance?

[alwazqazi]

any update this still no workarounds are working. Keyboard Pushes the button upwards when coming from a previous screen which is ScrollView.

[SherifSamirr]

In your android/app/src/main/AndroidManifest.xml

Set android:windowSoftInputMode="adjustPan", after that rebuild your project to get the new changes

and it will work fine.

here is how your code should look like:

      <activity
        android:name=".MainActivity"
        ....
        android:windowSoftInputMode="adjustPan"
        ....
        >

[dprajapati1179]

Still facing the issue , ANyone has solution then please share

[marcshilling]

Setting android:windowSoftInputMode="adjustPan" has no effect, it just behaves the same way as adjustResize. This used to work with this library. I suspect it broke when I upgraded from 7.32.1 to 7.37.2. Issue should not be closed IMO.

[bumjin1013]

same here on 0.73.5

[IamMax279]

so it cannot be fixed, huh?

[shaysingh]

any update on this? still facing same issue on android.