You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中SafeArea与带AppBar的Scaffold被状态栏及刘海遮挡求助

SafeArea与带AppBar的Scaffold均无法避开状态栏/刘海区域(Null安全适配后出现)

最近完成项目的Null安全适配并修改了大量代码,之后遇到严重布局问题:

  • SafeArea完全失效:无法避开顶部状态栏和摄像头刘海,哪怕是在极简测试页面中也完全不起作用
  • 带AppBar的Scaffold同样无法避开状态栏/摄像头区域
  • 该问题存在于应用所有页面,模拟器和真机上均能复现

以下是极简测试页面代码及效果截图,已经排查了常规思路,恳请各位提供解决方向:

import 'package:flutter/material.dart';

class TestScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return _buildLoginScreen(context);
  }

  Widget _buildLoginScreen(BuildContext context) {
    return SafeArea(
      child: Container(
          color: Colors.deepPurpleAccent,
          child: Column(
            children: [
              Text('top screen test'),
              Expanded(
                child: Container(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: <Widget>[
                      Text('bottom screen test'),
                    ],
                  ),
                ),
              ),
            ],
          )),
    );
  }
}

测试页面效果:顶部文本被状态栏遮挡

内容的提问来源于stack exchange,提问作者u2tall

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 03:45:56