【问题标题】:How can I justify text with Flutter markdown?如何使用 Flutter markdown 证明文本的合理性?
【发布时间】:2019-02-07 18:37:22
【问题描述】:

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

我尝试使用CenterAlignment,但没有成功。

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,
        ),
      ),
    );
  }
}

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    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 存储库,直接附加到您的项目并自己添加文本对齐功能。

    【讨论】:

      【解决方案2】:

      可以使用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 类提供的所有其他可选参数自定义样式。

      【讨论】:

      • 对齐似乎不适用于具有格式的字符串,例如粗体或超链接...至少对我来说,在 v0.3.4 中。
      • 无论是粗体或超链接等格式,对齐样式​​都应有效。你能粘贴一个代码 sn-p 以便其他人也可以查看它并找出解决方案吗?
      • 我自己也不知道为什么。除了MarkdownBody 之外,我所做的和你所做的完全一样。字符串是这样的(末尾的粗体文本):“Lorem ipsum dolor quis elit duis ullamco aute ut. Magna ullamco duis tempor nulla。”
      • 哦,我认为如果文本太长以至于将文本包装成多行,就会发生这种情况。如果我使用适合一行的较短文本,它会起作用。
      猜你喜欢
      • 2023-04-09
      • 2021-07-16
      • 1970-01-01
      • 1970-01-01
      • 2018-02-12
      • 2016-04-15
      • 1970-01-01
      • 2014-02-24
      • 2017-09-11
      相关资源
      最近更新 更多