React Native Android端如何禁止状态栏自动隐藏？

有几种可靠的方法可以强制Android状态栏保持显示，避免自动隐藏和页面跳动：

方法一：使用React Native内置的StatusBar组件 #

在根组件（比如App.js）中直接配置StatusBar属性，强制状态栏始终显示并关闭过渡动画，从根源避免跳动：

import { StatusBar, SafeAreaView, useEffect } from 'react-native';

function App() {
  useEffect(() => {
    // 强制状态栏不隐藏，关闭过渡动画
    StatusBar.setHidden(false, 'none');
    // 关闭半透明模式，避免内容因状态栏状态变化偏移
    StatusBar.setTranslucent(false);
  }, []);

  return (
    // 用SafeAreaView包裹内容，自动适配状态栏高度
    <SafeAreaView style={{ flex: 1 }}>
      {/* 你的页面内容 */}
    </SafeAreaView>
  );
}

把这段配置放在应用最外层组件中，就能全局生效，覆盖所有页面的状态栏行为。

方法二：修改Android原生配置（更彻底） #

如果RN组件的设置不生效，大概率是系统级的沉浸式模式或自动隐藏逻辑在起作用，直接修改Android项目文件解决：

1. 修改AndroidManifest.xml
   打开android/app/src/main/AndroidManifest.xml，在主Activity标签中添加属性，禁止全屏模式：

<activity
    android:name=".MainActivity"
    android:windowSoftInputMode="adjustResize"
    android:windowFullscreen="false"> <!-- 强制关闭全屏，状态栏始终显示 -->
</activity>

2. 修改styles.xml
   打开android/app/src/main/res/values/styles.xml，确保主题配置未开启沉浸式或全屏：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowFullscreen">false</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>

3. 在MainActivity中添加代码（针对顽固情况）
   如果以上设置仍无效，在MainActivity.java或MainActivity.kt中添加逻辑，强制状态栏保持可见：

Java版本： #

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // 清除所有可能导致状态栏隐藏的系统UI标记
    getWindow().getDecorView().setSystemUiVisibility(
        View.SYSTEM_UI_FLAG_VISIBLE
    );
}

Kotlin版本： #

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_VISIBLE
}

额外提示：彻底避免页面跳动 #

即使状态栏固定显示，也要确保页面内容不会因状态栏高度移位：

• 优先用SafeAreaView包裹内容，它会自动适配状态栏和底部导航栏高度
• 若不使用SafeAreaView，可手动计算状态栏高度，给容器设置固定paddingTop：

  import { Platform, StatusBar } from 'react-native';
  
  const statusBarHeight = Platform.OS === 'android' ? StatusBar.currentHeight : 0;
  
  // 在容器样式中添加
  style={{ paddingTop: statusBarHeight }}
  

内容的提问来源于stack exchange，提问作者Evgeny Anisimov