html - 如何在使用 flutter_html 插件的地方自定义 UL > LI

Question

我有一个自定义 ul > li 上文本的 second line 的请求。我遇到的问题是 bullet point is above the text。如何修复下面附件中显示的这个问题或 flutter 中的任何 native 方法，我可以获得正确的要点？目前，正如我所说，我正在使用 flutter_html 插件，列表由 WYSIWYG 编辑器 存储在数据库中。简而言之，它是一个 HTML 代码。

小部件链接:https://pub.dev/packages/flutter_html

Html(
  data: data.disclaimer,
  customTextStyle: (dom.Node node, TextStyle baseStyle) {
  if (node is dom.Element) {
  switch (node.localName) {
  case "ul":
   return baseStyle.merge(Theme.of(context).textTheme.title.copyWith(fontWeight: FontWeight.w300, fontSize: 16));
    }
   }
  return baseStyle;
 },
),

Answer 1

此处最简单的解决方案是在文本小部件中使用项目符号“•”。要使文本仅在文本下方对齐，您可以将小部件放置在一行中。这样，文本就不会在项目符号上重叠。

Row(
  children: [
    Text('•'),
    Text(yourString),
  ],
)