如何在flutter web中动态改变iframe的src？开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

文章/答案/技术大牛

发布

frameView(this.url);
@override
_IframeViewState createState() => _IframeViewState(url);
class _IframeViewState extends State<IframeView> {
String url;
_IframeViewState(this.url);
final html.IFrameElement _iframeElement = html.IFrameElement();
 Widget _iframeWidget;
 @override
 void initState() {
 _iframeElement.height = '500';
_iframeElement.width = '500';
_iframeElement.srcdoc = widget.url;
_iframeElement.style.border = 'none';
// print("src printing");
// print(_iframeElement.srcdoc);
// print("widget url");
// print(widget.url);
ui.platformViewRegistry.registerViewFactory('iframeElement', (int viewId) {
  return _iframeElement;
_iframeWidget = HtmlElementView(
  key: UniqueKey(),
  viewType: 'iframeElement',
super.initState();
@override
void didUpdateWidget(IframeView oldWidget) {
super.didUpdateWidget(oldWidget);
print("from did update widget");
print(_iframeElement.srcdoc);
_iframeElement.srcdoc = widget.url;
@override
Widget build(BuildContext context) {
return Container(
  margin: EdgeInsets.only(top: 50),
  child: _iframeWidget,
}

static redraw(String newLink, String newTitle) {
IFrameElement element = document.getElementById('contentz');
element.src = newLink;

Widget buildVideoView(Key key) {
    String? videoFileUrl;
    String iFrameId = <some id defined in this stateful class>;
    if (<default url flag>) {
      videoFileUrl = <defaultVideoUrl>;
    } else {
            videoFileUrl = <new url>;
      IFrameElement element = document.getElementById(iFrameId) as IFrameElement;
      element.src = videoFileUrl;
    html.IFrameElement _iframeElement;
    Widget _iframeWidget;
    _iframeElement = html.IFrameElement();
    _iframeElement.id = iFrameId; << this is important
    _iframeElement.height = '100%';
    _iframeElement.width = '100%';
    _iframeElement.allow = 'accelerometer; gyroscope;';
    _iframeElement.allowFullscreen = true;
    _iframeElement.src = videoFileUrl;
    _iframeElement.style.border = 'none';
    // ignore: undefined_prefixed_name
    ui.platformViewRegistry.registerViewFactory(
      'iframeElement',
      (int viewId) => _iframeElement,

推荐文章

文质彬彬的红豆 · Power BI 內嵌式分析中更快速效能的最佳做法 - Power BI | Microsoft Learn

5 天前

捣蛋的土豆 · 【HTML教學】HTML Iframes 教學：嵌入其他頁面內容的高效方法 - 下班學程式 -學CSS, JS, Wordpress

5 天前

想出家的海龟 · The frame attempting navigation is sandboxed, and is therefore disallowed from navigating its ancest

5 天前

魁梧的打火机 · 談談 JavaScript 中的 eval、風險及替代方案

5 天前

礼貌的机器人 · HTML 中 iframe 的替代方案 | D棧 - Delft Stack

5 天前

神勇威武的高山 · 大庆油田连续23年三次采油产量超千万吨

2 月前

机灵的小熊猫 · 湖南大学鄂加强教授团队招聘新能源与节能减排博士后-湖南大学博士后

7 月前

坚强的馒头 · 【温馨提示】记得签到！塞班~ - 异世界转生模拟器2侃糖营地 - TapTap 异世界转生模拟器2论坛

1 年前

酒量小的蟠桃 · 哪吒汽车估值缩水超百亿元两年净亏损超42亿元_新浪财经_新浪网

2 年前

想旅行的凉面 · 无名电影院路演_电影院路演的票怎么买_北京哪个电影院经有路演 - 抖音

2 年前

问 如何在flutter web中动态改变iframe的src？ EN

回答 2

Stack Overflow用户

Stack Overflow用户