Flutter 当手机有缺口时，如何在颤振中使用CustomAppBar？

有人知道如何在自定义应用程序栏中使用SafeArea小部件吗。由于仿真器中有一个缺口，我的自定义应用程序栏上出现了一个红色溢出flex框。我想仍然显示我的自定义应用程序栏没有红色溢出框的方式，看起来体面。当我尝试在safeArea小部件中包围appbar时，我在放置appbar的脚手架小部件中收到一个错误。代码如下所示：

Scaffold（appBar:customAppBar（context））

。错误如下：

无法将参数类型“SafeArea”分配给参数类型“PreferredSizeWidget”。

我认为脚手架需要PreferredSizeWidget，但正在接收SafeArea小部件。请让我知道除了使用SafeArea小部件之外，是否还有其他解决方案。下面是我的模拟器在自定义应用程序栏和红色溢出框中的外观照片

---

如果您总是想确保槽口和冲孔不会进入AppBar或UI，请使用

MaterialApp

中的builder函数，如下所示：

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      builder: (context, child) => SafeArea(child: child),
      home: MyApp(),
    );
  }

现在，每个页面/屏幕都不会被顶部剪切