小编Pus*_*aja的帖子

Flutter web - 当鼠标悬停在 iframe 的 HtmlElementView 小部件上时,父小部件不会滚动

在 Flutter Web 项目中,我们通过 HtmlElementView 小部件将 Webview 嵌入到列表中。当鼠标悬停在 HtmlElementView 小部件上时,父小部件不会滚动。

我们正在获取网页内容的高度并将该高度分配给容器高度。因此,由于内容高度和容器高度相同,因此没有滚动。但父小部件滚动不会被阻止。

当光标位于 HtmlElementView 内部时,光标根本不会移动。请告诉我是否有解决此问题的方法。下面是我的代码片段,

import 'dart:html' as html;
import 'dart:ui' as ui;

html.window.addEventListener('message', listen);
iframeElement.id = 'extra-frame';
iframeElement.src = webViewModel.guideUrl;
iframeElement.style.border = 'none';

// ignore: undefined_prefixed_name
ui.platformViewRegistry.registerViewFactory(
iframeElement.id,
(int viewId) {
return iframeElement;
},
);

Container(
height: webViewModel.webViewHeight != null ? webViewModel.webViewHeight : 300,
child: HtmlElementView(
key: UniqueKey(),
viewType: iframeElement.id,
)
)
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout flutterwebviewplugin flutter-web

6
推荐指数
1
解决办法
821
查看次数