社区首页 >问答首页 >如何在flutter web中动态改变iframe的src？

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

Stack Overflow用户

提问于 2021-03-02 08:42:50

回答 2查看 536关注 0票数 1

我正在尝试设置新的URL(即HTML字符串)，每次src更改时我都会解析它。但是使用这段代码，我只能显示第一个src，并且它不会改变，并且每次都显示相同的输出src。

类IframeView扩展了StatefulWidget { String url；

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,
);
}
}

html

flutter

iframe

webview

flutter-web

音视频低代码开发方案最快1天上线

推出 TUICallKit 和 TUIRoomKit 低代码集成方案，最快1天接入在线教育、语聊房、在线客服等应用

回答 2

Stack Overflow用户

发布于 2021-04-12 14:37:34

我使用_iframeElement.src = widget.url (而不是.srcdoc)，并使用重画函数进行更新。

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

}

票数 1

Stack Overflow用户

发布于 2022-03-04 11:33:51

这对我很有效：

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,
    );
    _iframeWidget = HtmlElementView(
      key: key, << also important to prevent flicker/jitter/restart on rebuild
      viewType: 'iframeElement',
    );
    return _iframeWidget;
  }