当手机有凹槽时，如何在颤抖中使用CustomAppBar？

Question

是否有人知道如何在自定义应用栏中使用SafeArea小部件。由于模拟器中的一个缺口，我的自定义应用栏上出现了一个红色的溢出flex框。我仍然希望以一种看起来像样的方式显示没有红色溢出框的自定义应用程序栏。当我尝试将我的appbar放在safeArea小部件中时，在放置appBar的Scaffold小部件中收到错误。代码如下：Scaffold( appBar: customAppBar(context))。错误显示为：The argument type 'SafeArea' can't be assigned to the parameter type 'PreferredSizeWidget'.，我认为该Scaffold期望使用PreferredSizeWidget，但收到的是safeArea小部件。请让我知道，除了使用SafeArea小部件外，是否还有其他解决方案。下面是带有自定义应用栏和红色溢出框的仿真器外观的照片。

Answer 1

如果您始终要确保凹口和打孔不会进入您的AppBar或UI，请使用MaterialApp中的构建器函数，如下所示：

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

现在每个页面/屏幕都可以安全地从顶部切开。