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

D V*_*esh 4 dart flutter

在颤振中,我在使用时出错 crossAxisAlignment: CrossAxisAlignment.baseline

错误::

Failed assertion: line 3791 pos 15: 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null': is not true.
Run Code Online (Sandbox Code Playgroud)

代码::

 Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,

    children: <Widget>[
        Text(
            '192',
            style: kBoldNumberText,
        ),
        Text(
        'cm',
        style: kLabelText,
        )
    ],
    )
Run Code Online (Sandbox Code Playgroud)

D V*_*esh 11

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

//alphabetic:::

textBaseline: TextBaseline.alphabetic,
Run Code Online (Sandbox Code Playgroud)

-或者-

//graphic:::

textBaseline: TextBaseline.ideographic
Run Code Online (Sandbox Code Playgroud)

在我的情况下,alphabetic:::所以我重写

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