Flutter Html组件如何结合自定义主题与标签样式设置？

我们的应用已配置自定义主题，使用Flutter Html组件时，通过Style.fromTextStyle方法能结合BuildContext应用主题文本样式，但无法同时给

标签移除内边距和外边距。希望能在同一个Style对象里同时设置textStyle与边距属性，实现两者兼顾。

当前代码（无法同时实现需求） #

return Html(
  data: '<p>$excerpt</p>',
  style: {
    "p": Style.fromTextStyle(context.textTheme.regular.bodyMDSerif),
    "body": Style(
      padding: HtmlPaddings.zero,
      margin: Margins.zero,
    ),
  },
);

可行解决方案 #

直接在Style构造函数中同时传入textStyle、padding和margin属性即可，无需使用Style.fromTextStyle。注意补全代码语法（如键值对末尾的逗号）：

return Html(
  data: '<p>$excerpt</p>',
  style: {
    "p": Style( // 同时应用自定义主题与移除边距
      textStyle: context.textTheme.regular.bodyMDSerif,
      padding: HtmlPaddings.zero,
      margin: Margins.zero,
    ),
    "body": Style(
      padding: HtmlPaddings.zero,
      margin: Margins.zero,
    ),
  },
);

说明 #

Style.fromTextStyle仅能基于传入的TextStyle生成基础样式对象，无法额外添加布局属性。而直接使用Style构造函数可以同时配置文本样式（textStyle）和布局属性（padding、margin），既应用了主题定义的文本样式，又移除了

标签的内外边距，完全满足需求。

内容的提问来源于stack exchange，提问作者swiftymf