Flutter自定义标题栏之处理状态栏高度

最新推荐文章于 2024-08-09 18:09:03 发布

94me

最新推荐文章于 2024-08-09 18:09:03 发布

阅读量1.5w

点赞数 5

分类专栏： Flutter 文章标签： Flutter 状态栏自定义标题

本文链接：https://blog.csdn.net/JustBeauty/article/details/82110743

版权

在Flutter中，自定义标题栏时常需要考虑状态栏高度。实际上，不需手动获取，Flutter已内置处理。本文介绍如何自定义MAppBar，并通过SafeArea避免沉浸式效果，实现状态栏的适配。

摘要由CSDN通过智能技术生成

App在很多情况下由于各种需求需要自定义标题栏，而在能够构建Android和IOS应用的Flutter中，如果不在Scaffold中使用AppBar会发现默认是沉浸式。

猜想：我们使用自定义标题栏好像需要知道状态栏的高度，我看到网上很多人想要自定义标题栏，却老是去找怎么获取状态栏的高度

解惑：其实并不用获取状态栏的高度，你想AppBar也是状态栏，它也需要知道状态栏的高度，它需要说明Flutter已经帮我们获取到了

接下来一步一步来看

轻车熟路的就直接看第二步

自定义MAppBar类

class MAppBar extends StatefulWidget implements PreferredSizeWidget {
   
  MAppBar({@required this.child}) : assert(child != null

关注

专栏目录