ios - 如何在 Flutter 中隐藏导航栏(在 iPhone X 上)

Question

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

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

Answer 1

在 flutter 中，SystemChrome照顾它。
函数setEnabledSystemUIOverlays获取枚举 SystemUiOverlay 的 List ，即SystemUIOverlay.bottom、SystemUIOverlay.top，两者都有或根本没有。

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

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

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

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