文本对齐无法与 RichText 一起正常工作

Question

我正在使用RichText并且在本文中RichText使用任何带有样式的文本跨度时，justify 无法正常工作decoration: TextDecoration.underline

RichText(
          softWrap: true,
          textAlign: TextAlign.justify,
          text: TextSpan(
            style: TextStyle(
              color: Colors.black,
              fontWeight: FontWeight.w500,
              fontSize: 16.0,
            ),
            children: getSpan(),
          ),
        )

List<TextSpan> getSpan() {
    List<TextSpan> spans = List<TextSpan>();
    spans.add(TextSpan(
      text:
      "And thus We made them rise ",
    ));
    spans.add(
      TextSpan(
          text: " they ",
          style: TextStyle(
             decoration: TextDecoration.underline,
          ),
          recognizer: TapGestureRecognizer()
            ..onTap = () {
              print("click on me");
            }),
    );
    spans.add(TextSpan(
      text:
      " And thus We made them rise ",
    ));
    return spans;
  }

Answer 1

It looks like a nasty effect of textAlign property when set to TextAlign.justify.

RichText(
          softWrap: true,
          //textAlign: TextAlign.justify,
          text: TextSpan(
            style: TextStyle(
              color: Colors.black,
              fontWeight: FontWeight.w500,
              fontSize: 16.0,
            ),
            children: getSpan(),
          ),
        )

Updated to 21/03/19

The bug it is now fixed and at the moment (21/03/19) it is available in the master flutter channel:

flutter channel master