Flutter 摆动更改标记可轻敲文本按钮样式

发布于11月12日

我正在使用flutter_markdown包，它工作得很好，但我想更改可点击文本按钮的样式.我设法更改了默认的正文样式，但无法完成可点击文本的更改.它总是蓝色的.

这就是我如何做到这一点的:

MarkdownBody(
  data: e.text,
  onTapLink: (text, href, title) {
    getIt<AppService>().openUrl(
      href ?? '',
    );
  },
  styleSheet: MarkdownStyleSheet.fromTheme(
    ThemeData(
      textTheme: TextTheme(
        bodyMedium: context.textStyles.body1,
      ),
    ),
  ),
)

有人知道我是怎么做到的吗？

推荐答案

您需要修改MarkdownStyleSheet的102属性以获得可定制的可点击文本(链接).类似于:

import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';

MarkdownBody(
  data: e.text,
  onTapLink: (text, href, title) {
    getIt<AppService>().openUrl(
      href ?? '',
    );
  },
  styleSheet: MarkdownStyleSheet.fromTheme(
    ThemeData(
      textTheme: TextTheme(
        bodyText2: context.textStyles.body1,
      ),
    ),
  ).copyWith(
    a: TextStyle(
      color: Colors.green, // <---- Change this as per your need.
      decoration: TextDecoration.underline,
    ),
  ),
)

在上面的代码片段中，我使用100创建了一个具有可定制Tappable文本样式的MarkdownStyleSheet的新实例.