当前位置:   article > 正文

flutter html 加载_flutter如何展示html富文本?

flutter显示html

用了很多个展示Html的库,目前发现:flutter_html 是最好的,而且1.0.0版本终于出来了,里面许多特性都非常不错。

如果想了解是如何实现的,源码写的不错,可以看看源码。

原来我做的是一个日语App,由于需用到标签,后面只有flutter_html支持,可是存在一些小问题,提交pull request解决了。https://github.com/Sub6Resources/flutter_html/pull/239​github.com

然后在使用过程中,发现这货居然不支持样式,翻阅源码后,发现作者已经写完一大半了,所以就没有另外提交pull request了。

1.0.0版本出来后,写法比原来舒适非常多,随便举几个例子。

在1.0.0版本之前:

Html(

data: ...,

padding: 24,

),

1.0.0版本:

Html(

data: ...,

style: {

"html": Style(

padding: const EdgeInsets.all(24),

),

},

),

在1.0.0版本之前:

Html(

data: ...,

customEdgeInsets: (dom.Node node) {

if(node is dom.Element) {

if(node.localName == "h1" || node.localName == "h4") {

return EdgeInsets.all(48);

}

}

},

),

1.0.0版本:

Html(

data: ...,

style: {

"h1, h4": Style(

margin: EdgeInsets.all(48),

),

},

),

详情可以参考官方文档:https://github.com/Sub6Resources/flutter_html/wiki/1.0.0-Migration-Guide​github.com

提升绝非一点半点,所以如果Flutter涉及Html操作时,可以首先考虑:flutter_html​github.com

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/425615
推荐阅读
相关标签
  

闽ICP备14008679号