如何获取 Flutter Web 应用程序的弹出窗口？

【问题标题】：How to get a pop-up window for flutter web app?如何获取 Flutter Web 应用程序的弹出窗口？
【发布时间】：2021-08-29 18:25:40
【问题描述】：

我一直在寻找一个颤振的网络应用程序弹出窗口，但到目前为止我能找到的只是一个弹出式 dart 包，它就像我的应用程序顶部的堆栈一样，这不是我想要的，我想要一个加载网页的全新弹出窗口，有什么帮助吗？

【问题讨论】：

搜索flutter showDialog方法。

标签： flutter flutter-layout flutter-web flutter-navigation flutter-packages

【解决方案1】：

据我了解：- 您想启动另一个网页。

dart:js 实现 Dart 和 JS 之间的互操作性

示例代码：-

import 'dart:js' as js;

  FlatButton(
  child: Text('launch another window'),
  onPressed: () {
    js.context.callMethod('open', ['https://google.com/']);
  },
 ),

【讨论】：

谢谢，非常感谢

【解决方案2】：

这是一种方法，但您需要处理纯网络库 lint。另外，这样你就可以获得控制窗口的句柄。

// ignore: avoid_web_libraries_in_flutter
import 'dart:html' as html;

...

html.WindowBase _popup = html.window
        .open(url, name, 'left=100,top=100,width=800,height=600');
if (_popup.closed!) {
      throw("Popups blocked");
    }

【讨论】：