AppBar如何覆盖Flutter中的缺口区域

时间:2019-08-02 09:57:42

标签: flutter flutter-layout flutter-appbar

我想知道AppBar的抖动如何覆盖切口区域。查看源代码,应用程序栏使用NavigationToolbar作为其核心。但是我不知道万一有缺口,它怎么会覆盖整个缺口区域。

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

SafeArea(top:false)

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

Notch around area

1 个答案:

答案 0 :(得分:1)

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

无论如何Apple guidelines都禁止在安全区域中使用交互式控件,如图像中那样。

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