Flutter Row() 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null' : is not true. 断言失败:

Question

在 flutter 中，我在使用 crossAxisAlignment: CrossAxisAlignment.baseline 时出错

错误::

Failed assertion: line 3791 pos 15: 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null': is not true.

代码::

 Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,

    children: <Widget>[
        Text(
            '192',
            style: kBoldNumberText,
        ),
        Text(
        'cm',
        style: kLabelText,
        )
    ],
    )

Answer 1

使用时 crossAxisAlignment在 flutter 中，我们需要告诉要对齐的元素，为此我们可以使用 textBaseline: TextBaseline.alphabetic字母或图形

//alphabetic:::

textBaseline: TextBaseline.alphabetic,

-或者-

//graphic:::

textBaseline: TextBaseline.ideographic

就我而言，它是 alphabetic:::所以我重写

Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,
    textBaseline: TextBaseline.alphabetic, ////<-- HERE --> ////
    children: <Widget>[
        Text(
            '192',
            style: kBoldNumberText,
        ),
        Text(
        'cm',
        style: kLabelText,
        )
    ],
    )