Flutter Ui 实验室(十三)隐藏Android底部的虚拟返回键

如果你在Flutter使用下面的代码

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

隐藏底部状态栏或者虚拟返回键,Android手机会在你触摸屏幕时自动弹起虚拟返回键。如下图红框所示


Flutter Ui 实验室(十三)隐藏Android底部的虚拟返回键_第1张图片
Android手机底部虚拟返回键.png

要解决这个问题,只能写插件调用Android原生代码来隐藏它。
效果见下面的Gif图片


Flutter Ui 实验室(十三)隐藏Android底部的虚拟返回键_第2张图片
隐藏底部返回键.gif

插件本身很简单,我在测试的时候是把参数写死了的,真正应用的时候还是需要把参数从Flutter传到Plugin才灵活。
代码如下:


Flutter Ui 实验室(十三)隐藏Android底部的虚拟返回键_第3张图片
隐藏底部返回键代码

你可能感兴趣的:(Flutter Ui 实验室(十三)隐藏Android底部的虚拟返回键)