如何仅在特定屏幕实现键盘弹出时Bottom Tab Bar的适配？

当键盘打开时Bottom Tab Bar会被向上顶起，目前找到的全局解决方案会作用于所有屏幕，但我只想在部分特定屏幕中实现这个效果。我试过以下方法，但它们会影响所有屏幕：

// React Navigation 全局配置
screenOptions={{
  tabBarHideOnKeyboard: true,
}}

<!-- AndroidManifest.xml 全局配置 -->
<application
  <activity
     <!-- android:windowSoftInputMode="adjustResize" Added this -->       
  </activity>
</application>

针对特定屏幕的解决方案 #

1. React Navigation 层面（精准控制单屏）

不要在Tab导航器的全局screenOptions里设置tabBarHideOnKeyboard，而是给需要生效的单个屏幕单独配置：

<Tab.Navigator
  screenOptions={{
    // 保留其他全局配置，不要加tabBarHideOnKeyboard
  }}
>
  {/* 不需要隐藏Tab的屏幕 */}
  <Tab.Screen
    name="Home"
    component={HomeScreen}
  />
  {/* 需要隐藏Tab的特定屏幕 */}
  <Tab.Screen
    name="Chat"
    component={ChatScreen}
    options={{
      tabBarHideOnKeyboard: true
    }}
  />
</Tab.Navigator>

2. Android 软输入模式适配（避免全局影响）

如果全局设置adjustResize导致所有页面受影响，可以按以下方式处理：

• 单Activity架构（React Native常用）：在目标屏幕的组件中动态设置软输入模式，组件卸载时恢复原状：

  import { Platform, NativeModules, useEffect } from 'react-native';
  
  const ChatScreen = () => {
    useEffect(() => {
      if (Platform.OS === 'android') {
        const { StatusBarManager } = NativeModules;
        // 设置为adjustResize（对应Android常量SOFT_INPUT_ADJUST_RESIZE=10）
        StatusBarManager.setSoftInputMode(10);
        // 组件卸载时恢复默认模式（比如adjustPan=2）
        return () => {
          StatusBarManager.setSoftInputMode(2);
        };
      }
    }, []);
  
    return (
      // 屏幕内容
    );
  };
  

• 多Activity架构：直接在AndroidManifest.xml中给需要的Activity单独配置android:windowSoftInputMode="adjustResize"，其他Activity保持原有配置即可。

内容的提问来源于stack exchange，提问作者Dheeraj Kumar