如何在文本小部件颤动中显示 html 字符串

Question

如何在颤振中显示 html 标记字符串，我尝试了一个插件，但它不起作用。

 new HtmlView(
     data: html,
     baseURL: "", // optional, type String
     onLaunchFail: (url) { // optional, type Function
     print("launch $url failed");
   }

这是我的html

 “Follow<a class='sup'><sup>pl</sup></a> what was sent down to you from your Lord, and do not follow other guardians apart from Him. Little do <span class='h'>you remind yourselves</span><a class='f'><sup f=2437>1</sup></a>.”

我用户flutter_html_view：“^0.5.10”这个插件

原文由 Deepak Gehlot 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个插件没有任何问题，我刚刚用你的 HTML 创建了一个示例，它工作正常。尝试用下面的代码片段替换，看看是否可行。

 dependencies:
  flutter_html: ^0.8.2

并导入和代码以呈现 html

 import 'package:flutter_html/flutter_html.dart';
import 'package:html/dom.dart' as dom;

 body: new Center(
            child: SingleChildScrollView(
              child: Html(
                data: """
                <div>Follow<a class='sup'><sup>pl</sup></a>
                  Below hr
                    <b>Bold</b>
                <h1>what was sent down to you from your Lord</h1>,
                and do not follow other guardians apart from Him. Little do
                <span class='h'>you remind yourselves</span><a class='f'><sup f=2437>1</sup></a></div>
                """,
                padding: EdgeInsets.all(8.0),
                onLinkTap: (url) {
                  print("Opening $url...");
                },
                customRender: (node, children) {
                  if (node is dom.Element) {
                    switch (node.localName) {
                      case "custom_tag": // using this, you can handle custom tags in your HTML
                        return Column(children: children);
                    }
                  }
                },
              ),
            ),
          )

原文由 Nagendra Badiganti 发布，翻译遵循 CC BY-SA 4.0 许可协议