如何在Flutter中隐藏导航栏（在iPhone X上）

Question

如何隐藏导航栏，该导航栏是在Flutter中随iPhone X引入iOS的？

在图像中，我想隐藏底部的白色栏，这是新iOS版本的标准导航栏。

Answer 1

在 Flutter 中，SystemChrome会处理它。
该函数setEnabledSystemUIOverlays采用Listenum 的a SystemUiOverlay，即SystemUIOverlay.bottom，SystemUIOverlay.top，两者或根本没有。

对于您的具体情况，我建议在main函数中调用它应该可以正常工作：

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
runApp(...);

正如你所看到的，我只提供了SystemUIOverlay.top，这将因此禁用系统 UI 覆盖层的底部部分，这是新的 iOS 导航和 Android 导航上的主页指示器，它将被隐藏。

我不知道 iOS 上的所有运行时场景，这意味着SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top])如果需要全屏模式来隐藏系统导航，您可能需要更频繁地调用，甚至不向列表提供任何元素。