Flutter：iPad状态栏颜色在横屏模式下显示不全求助

针对你遇到的iPad竖屏状态栏颜色正常、横屏仅显示部分的问题，可尝试以下几种针对性解决方法：

1. 使用AnnotatedRegion替代直接调用SystemChrome #

直接调用SystemChrome.setSystemUIOverlayStyle可能在屏幕旋转时被Flutter重置，改用AnnotatedRegion包裹根Widget，可确保样式跟随Widget生命周期自动更新：

@override
Widget build(BuildContext context) {
  return AnnotatedRegion<SystemUiOverlayStyle>(
    value: SystemUiOverlayStyle(
      statusBarColor: Colors.blue, // 替换为你的目标颜色
      statusBarIconBrightness: Colors.blue.computeLuminance() > 0.5 ? Brightness.dark : Brightness.light,
    ),
    child: Scaffold(
      appBar: AppBar(title: const Text('Demo')),
      body: const Center(child: Text('iPad 横屏测试')),
    ),
  );
}

2. 监听屏幕旋转事件，重新设置样式 #

当iPad横竖屏切换时，手动触发状态栏样式重置，确保横屏时样式生效：

class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
  final Color _statusBarColor = Colors.blue;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    _updateStatusBarStyle();
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    // 屏幕尺寸/方向变化时重新设置样式
    _updateStatusBarStyle();
  }

  void _updateStatusBarStyle() {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: _statusBarColor,
      statusBarIconBrightness: _statusBarColor.computeLuminance() > 0.5 ? Brightness.dark : Brightness.light,
    ));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(...);
  }
}

3. 配置iOS原生全屏模式 #

iPad横屏时的分屏/多任务模式会压缩状态栏区域，可通过Info.plist强制应用全屏：
在ios/Runner/Info.plist中添加以下键值对：

<key>UIRequiresFullScreen</key>
<true/>

此设置会禁止应用进入分屏模式，确保横屏时状态栏占据完整顶部区域。

4. 优化flutter_statusbarcolor_ns的调用方式 #

若使用第三方库，确保在旋转时重新调用颜色设置方法，并同步设置图标亮度：

import 'package:flutter_statusbarcolor_ns/flutter_statusbarcolor_ns.dart';

void _updateStatusBar(Color color) async {
  await FlutterStatusbarcolor.setStatusBarColor(color);
  // 根据颜色亮度自动设置图标黑白
  await FlutterStatusbarcolor.setStatusBarWhiteForeground(
    color.computeLuminance() > 0.5
  );
}

同样需要在屏幕旋转回调中调用此方法。

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