如何在flutter中显示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>.”
i用户flutter_html_视图:“^0.5.10”此插件
9条答案
按热度按时间nimxete21#
这个插件没有任何问题,我只是用你的HTML创建了一个示例,它工作得很好。尝试用下面的代码片段替换,看看是否工作。
并导入和编码以呈现html
第一次
fcipmucu2#
我刚刚完成了以下操作,它工作正常。
1.将flutter_html添加到pubspec.yaml文件中。
1.运行以下命令以更新软件包。
flutter pub get
1.导入flutter_html
import 'package:flutter_html/flutter_html.dart';
1.将文本小部件替换为Html小部件。
ff29svar3#
请勿使用
flutter_html_view
,即documentation处的阅读:支持的标记
所以它不能很好地呈现html,因为它不能。
但是你可以找到其他的pulugins,比如
flutter_html
https://github.com/Sub6Resources/flutter_html
并给予他们尝试一下,看看他们是否表现得更好。
更新
在
pubspec.yaml
中,我添加了我的
main.dart
是jogvjijk4#
将以下内容添加到
pubspec.yaml
文件中:当前支持的HTML标记:
示例用法:
okxuctiv5#
使用flutter_webview_plugin插件
例如:
自定义矩形内Web视图
jaql4c8m6#
在pubspec.yml中添加以下内容:
然后运行:
最后,添加如下代码:
到目前为止,它在移动的和网络上都能正常工作。
wkyowqbh7#
可能有点晚了,但我已经做了一个项目,接受和标签
这样你就能做到
并且它会将HTML转换为基于flutter的小部件,同时也会考虑暗/亮主题颜色。
https://github.com/forumics/flutter-html-text
lxkprmvk8#
如果您有对象列表且需要groupBy,可以使用以下链接:groupBy_in_flutter
abithluo9#
其他答案中提到的所有软件包都不再维护(至少在我写这个答案时),这会与我使用的其他软件包产生冲突,因为这些软件包最近有更新,我最终使用了这个软件包:flutter_widget_from_html(ps:它不是我的)