как динамически изменять src iframe в flutter web?

#html #flutter #iframe #webview #flutter-web

#HTML #flutter #iframe #веб-просмотр #флаттер-паутина

Вопрос:

Я пытаюсь установить новый URL-адрес (т.Е. Строку HTML), который я анализирую каждый раз, когда изменяется src. но с помощью этого кода я могу показать только первый src, и он не меняется и каждый раз показывает один и тот же src вывода.
класс IframeView расширяет StatefulWidget { 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,
);
}
}
 

Ответ №1:

Это сработало для меня:

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

Ответ №2:

Я использую _iframeElement.src = widget.url (не .srcdoc) и обновляю с помощью функции перерисовки.

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

}