flutter screenutil插件statusbarheight返回为0如何解决

在使用Flutter的ScreenUtil插件时，发现statusBarHeight返回的值始终为0，无法正确获取状态栏高度。尝试了不同设备和模拟器，结果都一样。请问这是什么原因导致的？该如何解决？

2 回复

检查是否在MaterialApp的builder中初始化ScreenUtil，确保在获取statusBarHeight前已完成初始化。

更多关于flutter screenutil插件statusbarheight返回为0如何解决的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 ScreenUtil 插件时，statusBarHeight 返回 0 通常是因为获取时机过早或依赖未正确初始化。以下是解决方案：

  1. 确保在 build 方法中调用
    在 initState 中获取可能太早，应在 build 方法中调用，确保 MediaQuery 数据已就绪。

  2. 检查 ScreenUtilInit 的初始化
    确保 ScreenUtilInit 在 MaterialApp 外层正确初始化，并设置 useSafeArea: true（若需要安全区域）。

  3. 使用 WidgetsBinding 确保渲染完成
    在 initState 中通过 WidgetsBinding.instance.addPostFrameCallback 延迟获取。

示例代码：

class MyPage extends StatefulWidget {
  @override
  _MyPageState createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  double statusBarHeight = 0;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      setState(() {
        statusBarHeight = ScreenUtil().statusBarHeight;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        padding: EdgeInsets.only(top: statusBarHeight),
        child: Text('状态栏高度: $statusBarHeight'),
      ),
    );
  }
}

  1. 检查依赖版本
    更新 flutter_screenutil 到最新版本，避免已知问题。

  2. 使用 MediaQuery 作为备选
    若问题持续，直接使用 MediaQuery.of(context).padding.top 获取状态栏高度。

通过调整调用时机和初始化设置，通常可解决 statusBarHeight 为 0 的问题。

回到顶部