flutter - Flutter中AppBar如何覆盖notch区域

Question

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

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

SafeArea(top:false)

我无法覆盖缺口旁边的区域。任何的意见都将会有帮助。

标签： flutterflutter-layoutflutter-appbar

Answer 1

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

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

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