【问题标题】:How to enter full screen mode in Flutter web app如何在 Flutter Web 应用中进入全屏模式
【发布时间】:2021-01-20 13:32:40
【问题描述】:

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

我试过了……

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

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

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

【问题讨论】:

    标签: flutter dart flutter-web


    【解决方案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();
    }
    

    希望有用。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-09-30
      • 2022-01-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-20
      相关资源
      最近更新 更多