Flutter - 在模拟器上运行时需要注释页面

Question

我有 2 个小部件：ProjectPage 和 ProjectPageWeb，它们都在做同样的事情，显示 iframe。

他们都使用 2 个不同的组件来做到这一点，ProjectPage 使用WebView小部件（来自 webview_flutter 包）能够在移动设备上运行，而 ProjectPageWeb 使用IframeElement （来自 dart:html）小部件在 web 浏览器上运行。

当我在 web 上运行我的应用程序时，我可以使用 boolean，它将选择 ProjectPageWeb 小部件而不是 ProjectPage 小部件，但是当我在移动设备上运行时，我还需要在ProjectPageWeb小部件中注释 iframe 的初始化代码，否则我的应用程序将不会能够运行，我得到这个错误：

这是导致问题的代码部分：

@override
  void initState() {
    super.initState();
    print("id projet : " + widget.project.projectId.toString());
    url = 'myurl.com';
    IFrameElement _iframeElement = IFrameElement();
    _iframeElement.height = '750';
    _iframeElement.width = '1920';
    _iframeElement.src = url;
    _iframeElement.style.border = 'none';
    // ignore: undefined_prefixed_name
    ui.platformViewRegistry.registerViewFactory(
      url,
      (int viewId) => _iframeElement,
    );
  }

当我在模拟器上运行时，我希望能够让 boolean 控制使用哪个小部件，而不必评论小部件的一部分。

Answer 1

在我做了更多搜索之后，我意识到是 dart:html 库（web iframe 元素来自的地方）导致了移动设备上的错误。

在我使用 kIsWeb boolean 确定应用程序是在 web 还是移动设备上运行之前：

当然，当我在移动设备上运行时，web 部分使应用程序崩溃，所以我不得不评论它：

感谢这个线程的回答，我重命名了两个小部件 ProjectPage 并在导入中使用了一个 if then 语句，其中条件是存在 dart:html：

导入 'project_page.dart' if (dart.library.html) 'project_page_web.dart'