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