如何在flutter中隐藏android的底部导航栏

时间:2018-09-17 10:00:25

标签: android dart flutter flutter-layout

在Flutter和Android开发人员中我都是新手,但是是否可以通过编程方式隐藏底部的导航栏(请参阅下面的内容)?

enter image description here

4 个答案:

答案 0 :(得分:4)

尝试一下:     SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

Document

答案 1 :(得分:1)

使用SystemChrome.setEnabledSystemUIOverlays([])隐藏状态栏和导航栏。

答案 2 :(得分:1)

用于指定应用程序在应用程序时可见的一组系统覆盖 在跑。您可以使用以下静态方法:

  SystemChrome.setEnabledSystemUIOverlays(List<SystemUiOverlay> overlays)

示例:

1-对于隐藏底部导航栏和静态状态栏可见

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

2-对于可见的底部导航栏栏和隐藏状态栏

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);

3-要同时隐藏底部导航栏和状态栏

SystemChrome.setEnabledSystemUIOverlays([]);

4-为了使都可见

 SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top, SystemUiOverlay.bottom]);

答案 3 :(得分:0)

目前此功能在 flutter 中存在问题,您可以在此处查看此问题。

https://github.com/flutter/flutter/issues/62412

通常您需要执行以下操作:

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);