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

Posted 2023-02-23

【中文标题】如何在 Flutter Web 应用中进入全屏模式

【英文标题】：How to enter full screen mode in Flutter web app

【发布时间】：2021-01-20 13:32:40

【问题描述】：

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

我试过了……

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


@override
initState() 
  SystemChrome.setEnabledSystemUIOverlays([]);
  super.initState();

但它在网络应用程序中不起作用（我没想到）

【参考方案1】：

你可以试试这个：

import 'dart:html';

void goFullScreen() 
  document.documentElement.requestFullscreen();

【讨论】：

感谢 @Abion47 它可以工作，但由于 'dart:html' 导入，应用程序无法再在模拟器上启动

@MohamedDernoun 这个问题专门针对 Flutter for Web。不要尝试在 Flutter for Mobile/Desktop 中使用此代码，因为它不起作用且没有任何用途。

我通过使用包含所有 dart:html 功能和更多功能的 Universal_html 解决了这个问题。

【参考方案2】：

如果有人（比如我）想要退出全屏模式并且难以找到方法：

void exitFullScreen() 
 document.exitFullscreen();

希望有用。