dart 我怎么能在flutter中显示html布局链接？

w41d8nur 于 2024-01-04 发布在 Flutter

关注(0)|答案(2)|浏览(134)

我正试图使一个html广告小部件使用html包，但小部件只是占用空间，不显示布局。

Widget _adWIdget() {
    return Html(data: """
    <iframe src=adUrl width="100%" height="44" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe>
    """);
  }

字符串
我想这是因为我没有设置一个布局显示，我怎么能显示html布局？

dart

来源：https://stackoverflow.com/questions/77583259/how-can-i-show-html-layout-link-in-flutter

2条答案

按热度按时间

uqdfh47h1#

我解决了这个问题，当使用iframe时，你不仅要使用html，还要使用外部包html_iframe。（你可以安装'flutter pub add flutter_html_iframe'）
外 Package 包括以下内容。

flutter_html_all
flutter_html_audio
flutter_html_iframe
flutter_html_math
flutter_html_svg
flutter_html_table
flutter_html_video

你可以使用下面的代码。

Widget _adWIdget() {
  return Html(
    data: """
      <iframe src=adUrl width="100%" height="44" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe>
      """,
    extensions: [
      IframeHtmlExtension(),
    ],
  );
}

字符串

赞(0）回复(0）举报 2024-01-04

oewdyzsn2#

您将需要使用 flutter_html 包来实现您的要求。

Widget _adWidget() {
    String adUrl =
        "your-ad-url"; // I created a sample html page on codepen for result. You can provide your ad-url.

    return Html(
      data: '''
      <iframe src="$adUrl" width="100%" height="44" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe>
      ''',
    );

字符串

结果：

的数据

赞(0）回复(0）举报 2024-01-04

我来回答

dart 我怎么能在flutter中显示html布局链接？

2条答案

相关问题

热门标签

最新问答