Flutter中AppBar如何覆盖notch区域

Question

我想知道 Flutter 中的 AppBar 是如何覆盖缺口区域的。查看源代码，App 栏使用 NavigationToolbar 作为其核心。但我不明白它是如何覆盖整个缺口区域的，以防有缺口。

问这个问题的背景是我正在使用 NavigationToolbar 来实现如下截图所示的设计。对于 Android，它运行良好，但对于屏幕截图中的 IOS，顶部旁边有一个缺口。即使有

SafeArea(top:false)

我无法覆盖凹槽旁边的区域。任何建议都会有所帮助。

Answer 1

这是因为 iOS 中的NavigationToolbar 使用了符合安全区的CupertinoNavigationBar。

无论如何Apple guidelines 禁止在安全区域中使用交互式控件，例如在您的图像中。

这是因为 iOS 用户使用右上角打开控制中心，而顶部区域的其余部分打开通知。