React Native Android端绝对定位按钮随键盘弹出上移的原因排查

原因 #

Android默认的windowSoftInputMode设置为adjustResize，当键盘弹出时，系统会自动调整Activity窗口的大小以适配键盘。你的按钮采用绝对定位，是相对于父容器（通常是根视图）的位置布局，窗口尺寸变化后，父容器的底部位置上移，导致按钮跟着向上移动。

解决办法 #

1. 修改AndroidManifest.xml的窗口软键盘模式 #

找到项目中的android/app/src/main/AndroidManifest.xml文件，定位到对应Activity的标签，将windowSoftInputMode设置为adjustPan或adjustNothing：

• adjustPan：键盘弹出时会平移整个窗口，不会调整窗口大小，绝对定位的按钮位置会保持不变，但可能会遮挡部分上方内容。
• adjustNothing：系统完全不调整窗口，键盘会直接覆盖在页面内容上方，按钮位置不受影响。

示例代码：

<activity
  android:name=".MainActivity"
  android:label="@string/app_name"
  android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
  android:launchMode="singleTask"
  android:windowSoftInputMode="adjustPan" <!-- 这里修改为adjustPan或adjustNothing -->
  android:exported="true">
</activity>

2. 避免KeyboardAvoidingView的不必要影响 #

如果页面中使用了KeyboardAvoidingView，确保它的作用范围不包含这个绝对定位的按钮，或者调整其behavior属性（Android端推荐使用padding或height），防止它改变根视图的布局结构影响按钮位置。

内容的提问来源于stack exchange，提问作者Ferri Adi Prasetya