Flutter Row()'crossAxisAlignment!= CrossAxisAlignment.baseline || textBaseline!= null':不正确。断言失败:

时间:2020-05-01 11:47:51

标签: flutter dart

在颤抖中,我在使用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,
        )
    ],
    )

1 个答案:

答案 0 :(得分:3)

在颤动中使用crossAxisAlignment时,我们需要告诉要对齐的元素,为此,我们可以使用字母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,
        )
    ],
    )