时间戳

首页 > 解决方案 > 在 Flutter Dart 中设置 Html 小部件的样式

flutter - 在 Flutter Dart 中设置 Html 小部件的样式

问题描述

我正在使用 flutter_html 包

我在我的颤振项目中有这个，我一直在尝试设置在我的视图中呈现的结果文本的行高属性的样式，但它不起作用，我似乎在任何地方都找不到解决方案。任何帮助将不胜感激 Html(

              data: detail.length >= 300 ? detail.substring(0, 300) + " ...": detail.substring(0),
               style: {
                "html":Style(
                 /*  wordSpacing: 3, */
                  textAlign: TextAlign.justify,
                 whiteSpace: WhiteSpace.NORMAL
                ),
              },
              )

标签： flutterdart

解决方案

目前Html()来自的小部件flutter_html: ^1.x.x不支持 css 的 line-height 属性。所以你需要使用HtmlWidget()fromflutter_widget_from_html: ^0.5.x

HtmlWidget(
         htmlData,
         textStyle: TextStyle(height: 1.8)
         )

推荐阅读