咨询：抽屉打开时iOS状态栏颜色异常的解决方法

Android系统中，侧滑抽屉打开/关闭时状态栏颜色可正常切换（附对应状态截图），但iOS系统下该功能显示异常（附异常状态截图）。

已尝试的解决方案：

• 修改Info.plist中的UIViewControllerBasedStatusBarAppearance、UIStatusBarHidden参数
• 使用AnnotatedRegion配置SystemUiOverlayStyle

以上方法均未解决问题，寻求有效解决方案。

可行解决方案 #

方案1：Flutter层强制触发状态栏样式更新

在抽屉的onChanged回调中，借助WidgetsBinding确保UI渲染完成后，调用SystemChrome切换状态栏样式：

Drawer(
  onChanged: (isOpen) {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final overlayStyle = isOpen
          ? SystemUiOverlayStyle.light.copyWith(statusBarColor: Colors.transparent)
          : SystemUiOverlayStyle.dark.copyWith(statusBarColor: Colors.blue);
      SystemChrome.setSystemUIOverlayStyle(overlayStyle);
    });
  },
  // 抽屉内容组件
)

注：若使用Scaffold的drawer属性，需确保Scaffold的extendBodyBehindAppBar等参数未干扰状态栏层级。

方案2：iOS原生层动态适配状态栏样式

通过Flutter与iOS原生的MethodChannel传递抽屉状态，在原生代码中重写状态栏样式逻辑：

1. iOS端AppDelegate.swift代码：

import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  private var drawerIsOpen = false

  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)
    
    let channel = FlutterMethodChannel(
      name: "drawer/status",
      binaryMessenger: window?.rootViewController as! FlutterViewController
    )
    channel.setMethodCallHandler { [weak self] call, result in
      guard call.method == "updateStatus" else {
        result(FlutterMethodNotImplemented)
        return
      }
      self?.drawerIsOpen = call.arguments as! Bool
      self?.setNeedsStatusBarAppearanceUpdate()
      result(nil)
    }
    
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

  override var preferredStatusBarStyle: UIStatusBarStyle {
    return drawerIsOpen ? .lightContent : .darkContent
  }
}

2. Flutter端调用代码：

final _channel = MethodChannel('drawer/status');

Drawer(
  onChanged: (isOpen) {
    _channel.invokeMethod('updateStatus', isOpen);
  },
  // 抽屉内容组件
)

方案3：调整Scaffold布局参数配合样式切换

若抽屉打开时需状态栏透明，可设置drawerScrimColor为透明，避免遮罩层干扰状态栏显示，同时结合方案1的样式切换：

Scaffold(
  drawer: Drawer(...),
  drawerScrimColor: Colors.transparent,
  body: ...,
)

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