如何使用 Flutter markdown 对齐文本？

Question

我开始使用 flutter markdown，但是我想证明内容的合理性，直到现在我还做不到。

我尝试使用 aCenter并且Alignment没有用。

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

class OutsideBankHourDescription extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    String text =
        "Antecipações em __horários__ bancários acontecem em 1h na média. __Fora do horário bancário__ o saldo estará em sua conta __no dia seguinte.__";

    return Expanded(
      child: Container(
        alignment: Alignment.center,
        child: Markdown(
          styleSheet: MarkdownStyleSheet.fromTheme(Theme.of(context)),
          data: text,
        ),
      ),
    );
  }
}

Answer 1

可以使用flutter_markdown设置正确的文本对齐方式。

    var style = MarkdownStyleSheet(
        textAlign: WrapAlignment.center,
        h1Align: WrapAlignment.center,
      );
    Markdown(
        styleSheet: style,
        data: '# header1 is center-aligned\ntext body is also center-aligned'
    );

您可以使用 MarkdownStyleSheet 类提供的所有其他可选参数自定义样式。

Answer 2

目前无法在flutter_markdown 0.2.0 中更改文本对齐方式。您必须联系此插件的作者以请求此功能。

但是如果你需要快速修复，你可以textAlign: TextAlign.center在这个文件的源代码中添加属性：https : //github.com/flutter/flutter_markdown/blob/master/lib/src/builder.dart

代码行：345

mergedTexts.add(new RichText(text: mergedSpan, textAlign: TextAlign.center));

结果：

为了更优雅的方式，您必须克隆此插件的 git 存储库，直接附加到您的项目并自行添加文本对齐功能。