如何修改Flutter Markdown组件中可点击文本按钮的样式？

你当前通过MarkdownStyleSheet.fromTheme生成的样式中，链接文本的样式默认沿用了主题的蓝色配置，需要显式覆盖link属性来自定义样式。

修改后的代码示例如下：

MarkdownBody(
  data: e.text,
  onTapLink: (text, href, title) {
    getIt<AppService>().openUrl(
      href ?? '',
    );
  },
  styleSheet: MarkdownStyleSheet.fromTheme(
    ThemeData(
      textTheme: TextTheme(
        bodyMedium: context.textStyles.body1,
      ),
    )
  ).copyWith(
    // 自定义链接样式
    link: context.textStyles.body1.copyWith(
      color: Colors.green, // 设置你需要的文字颜色
      decoration: TextDecoration.underline, // 可选：添加下划线
      decorationColor: Colors.green, // 下划线颜色
      fontWeight: FontWeight.w500, // 可选：设置字体粗细
    ),
  ),
)

核心思路是利用copyWith方法，在原有的主题样式基础上，覆盖link字段的样式配置，这样就能完全替换默认的蓝色链接样式，实现你需要的自定义效果。

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