Flutter iOS端状态栏颜色无法修改问题求助

你的组件在Android端正常工作，但iOS端无效果，核心原因是iOS与Android的状态栏控制逻辑存在差异，以下是针对性的修复方案：

1. 适配iOS状态栏参数 #

Flutter中，statusBarIconBrightness仅作用于Android（控制状态栏图标亮度），iOS需要通过statusBarBrightness控制状态栏文字亮度。修改setStatusBarColor方法，针对平台做区分：

import 'dart:io'; // 需导入dart:io用于平台判断

void setStatusBarColor({bool isLight = false}) {
  final overlayStyle = SystemUiOverlayStyle(
    statusBarColor: isLight ? Colors.white : Colors.black,
  );

  if (Platform.isAndroid) {
    SystemChrome.setSystemUIOverlayStyle(
      overlayStyle.copyWith(
        statusBarIconBrightness: isLight ? Brightness.dark : Brightness.light,
      ),
    );
  } else if (Platform.isIOS) {
    SystemChrome.setSystemUIOverlayStyle(
      overlayStyle.copyWith(
        statusBarBrightness: isLight ? Brightness.light : Brightness.dark,
      ),
    );
  }
}

2. 修正dispose方法的回调逻辑 #

组件销毁时，WidgetsBinding.instance.addPostFrameCallback可能无法触发（组件已进入销毁流程），直接调用状态栏恢复逻辑：

@override
void dispose() {
  setStatusBarColor(isLight: widget.didReplace ? false : true);
  super.dispose();
}

3. 优化PopScope的pop判断 #

仅在确实发生页面pop时执行状态栏恢复，避免无效调用：

@override
Widget build(BuildContext context) {
  return PopScope(
    onPopInvokedWithResult: (didPop, result) {
      if (didPop) { // 仅当页面确实被pop时执行
        setStatusBarColor(isLight: false);
        widget.onPop?.call();
      }
    },
    child: SafeArea(child: widget.child),
  );
}

4. 配置iOS项目的Info.plist #

在iOS项目的Info.plist中添加以下配置，允许代码控制状态栏：

<key>UIViewControllerBasedStatusBarAppearance</key>
<true/>

完成以上修改后，iOS端的状态栏颜色、文字亮度应该能正常跟随组件切换。

内容的提问来源于stack exchange，提问作者Vinaya Augusthy