Expo Status Bar图标无法固定为深色，始终跟随设备明暗模式切换

兄弟我太懂这种闹心的感觉了！明明开发环境里状态栏图标老老实实保持深色，一打包成EAS预览或生产构建，只要Pixel 7a切到深色模式，图标就自动变白跟系统走了，这反差感真的让人挠头😤

其实核心问题大概率是EAS生产/预览构建的优化策略和开发模式不一样：开发模式下有调试宽容度，你的状态栏设置能直接生效；但生产构建会启用系统级的主题适配逻辑，优先级比你代码里的单次设置更高，直接把你的配置覆盖了。

给你几个亲测有效的解决办法，按顺序试：

• 第一步：代码里强制锁死状态栏样式，还得监听主题变化
  别只在组件里写一次<StatusBar barStyle="dark-content" />就完事，得加上主题监听，确保系统主题切换时也能把图标颜色拉回来。代码示例：

  import { StatusBar } from 'expo-status-bar';
  import { useEffect } from 'react';
  import { Appearance } from 'react-native';
  
  export default function App() {
    useEffect(() => {
      // 初始设置成深色图标
      StatusBar.setBarStyle('dark-content', true);
      // 监听系统主题变化，不管切亮还是暗，都强制设为深色
      const themeListener = Appearance.addChangeListener(() => {
        StatusBar.setBarStyle('dark-content');
      });
      // 组件卸载时取消监听
      return () => themeListener.remove();
    }, []);
  
    return (
      <>
        <StatusBar barStyle="dark-content" />
        {/* 你的其他页面组件 */}
      </>
    );
  }
  

• 第二步：在app.json里直接配置Android状态栏，从构建层面锁死
  EAS生产构建会读取app.json的配置打包进安装包，直接在这里把Android的状态栏样式设死，让系统没法自动切换：
  打开你的app.json，找到expo.android节点，添加statusBar配置：

  "expo": {
    "android": {
      "statusBar": {
        "barStyle": "dark-content",
        "translucent": false,
        // 这里可以设成你状态栏的背景色，确保深色图标能看清，比如白色背景
        "backgroundColor": "#ffffff"
      },
      // 你的其他Android配置（比如package、versionCode之类的）
    }
  }
  

• 第三步：构建前清缓存，确保配置生效
  有时候旧的构建缓存会导致新配置不生效，构建前先跑一下：

  eas build:clear-cache
  

  然后再重新打包预览或生产构建。

我之前帮朋友处理过几乎一模一样的问题，就是生产构建里系统主题的优先级太高，代码+配置双管齐下之后，不管手机切亮还是暗模式，状态栏图标都稳稳保持深色了，你可以试试！

备注：内容来源于stack exchange，提问作者help_me_please_I_beg_you