小编Szi*_*Ban的帖子

如何防止 flutter web htmlelementview 捕获其上方对象的触摸?

我正在使用 dart:html 中的 HTML 元素视图在我的 flutter web 应用程序中显示网页。它捕获其区域内的所有触摸,包括其上方 FAB 上的触摸,以及上下文中脚手架抽屉上的触摸。我什至不需要在网络视图上进行触摸输入,我只想显示它。另请注意,abstractpointer 和ignorepointer 并不能解决问题。这是在脚手架主体内显示网页的代码。

final IFrameElement _iframeElement = IFrameElement();
_iframeElement.src = "webpageurl";
_iframeElement.style.border = 'none';
// ignore: undefined_prefixed_name
ui.platformViewRegistry.registerViewFactory(
  'iframeElement',
  (int viewId) => _iframeElement,
);
Widget _iframeWidget;
_iframeWidget = HtmlElementView(
  key: UniqueKey(),
  viewType: 'iframeElement',
);
return Center(child: IgnorePointer(child: _iframeWidget));
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述 在此输入图像描述

编辑:

final IFrameElement _iframeElement = IFrameElement();
_iframeElement.src = "https://index.hu/";
_iframeElement.style.border = 'none';
// ignore: undefined_prefixed_name
ui.platformViewRegistry.registerViewFactory(
  'iframeElement',
  (int viewId) => _iframeElement,
);
Widget _iframeWidget;
_iframeWidget = HtmlElementView(
  key: UniqueKey(),
  viewType: 'iframeElement',
);
return …
Run Code Online (Sandbox Code Playgroud)

html dart flutter flutter-web

8
推荐指数
1
解决办法
2552
查看次数

Flutter Material Icons 在 web 上呈现随机图标

所以在我的 flutter 应用程序中,材质图标在本机中正确显示,但在 web 中,都有不同的图标。我应该或可以用它做什么?

这是它在网络中的样子

这是它在原生安卓上的工作

web dart flutter flutter-web

5
推荐指数
1
解决办法
480
查看次数

标签 统计

dart ×2

flutter ×2

flutter-web ×2

html ×1

web ×1