如何在 Flutter Web 应用程序中进入全屏模式

Jak*_*sMD 3 dart flutter flutter-web

有没有办法让 Flutter Web 应用程序进入全屏模式(隐藏地址栏、标签栏和任务栏)?或者有没有办法以编程方式按下 F11?

我试过了...

@override
void dispose() {
  SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);
  super.dispose();
}

@override
initState() {
  SystemChrome.setEnabledSystemUIOverlays([]);
  super.initState();
}
Run Code Online (Sandbox Code Playgroud)

但它在网络应用程序中不起作用(我没想到会这样)

小智 20

如果有人(像我一样)想要退出全屏并且很难找到如何退出:

void exitFullScreen() {
 document.exitFullscreen();
}
Run Code Online (Sandbox Code Playgroud)

希望这有用。


Abi*_*n47 5

你可以试试这个:

import 'dart:html';

void goFullScreen() {
  document.documentElement.requestFullscreen();
}
Run Code Online (Sandbox Code Playgroud)

  • @MohamedDernoun 这个问题专门针对 Flutter for Web。不要尝试在 Flutter for Mobile/Desktop 中使用此代码,因为它不会工作并且没有任何用途。 (2认同)
  • 我通过使用 universal_html 解决了这个问题,它包含所有 dart:html 功能和更多设施。 (2认同)