0

我的小部件树看起来像这样，

Widget build(context) {
 return Consumer<SocketModel>(
  builder: (ctx, model, snapshot) {
    if(model.forceLeave == true) {
      return Text("Your time is up")
    }
    return WebViewWithAHtmlPlayer()
  }
 )
}

上面的代码不是真正的代码，但为了清楚起见，我删除了大部分部分。这就是基本上发生的事情。webview里面的html播放器可以播放视频。我有一个套接字连接，它跟踪时间并且在超时forceLeave变为真后导致运行if条件。

当我不使 html 视频播放器全屏时，这有效。但是，如果forceLeave当我在 html 播放器上全屏显示时，屏幕变为空白，背景为白色。由于我禁用了后退按钮，我的应用程序就像冻结一样（但实际上不是。）

如何退出全屏视图？

我已经尝试过， SystemChrome.restoreSystemUIOverlays()在WebView包装小部件的处置中。但它仍然没有退出全屏视图。

如何在上述受控结构中正确退出当前全屏视图？例如，有没有办法做类似的事情，

  builder: (ctx, model, snapshot) {
    if(model.forceLeave == true) {
      exitFullScreen() // <-- Do something like this ? 
      return Text("Your time is up")
    }
    return WebViewWithAHtmlPlayer()
  }
4

2 回答 2

1 
import "dart:html"

document.exitFullscreen();

就是这样 ：）

于 2021-07-10T06:40:12.867 回答
0

我没有找到从 Flutter 代码中退出全屏的方法。所以我做了这样的事情。在我设置超时方法的地方，

Future.delayed(
  Duration(seconds: timeLeft
      ),
  () {
    // Here I force the webview to exit from full screen before I disconnect
    controller.evaluateJavascript(source: "document.exitFullscreen()");

    Future.delayed(Duration(milliseconds: 100), () {
      socketDao.socket.disconnect(); // this cause to `forceLeave` becomes true
    });
  },
);
于 2021-04-02T02:15:29.440 回答