Flutter Row() 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null': is not true. Failed assertion:

Question

in flutter i am getting error while using crossAxisAlignment: CrossAxisAlignment.baseline

Error::

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

code::

 Row(
    crossAxisAlignment: CrossAxisAlignment.baseline,

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

Answer 1

While using crossAxisAlignment in flutter we need to tell what element to align, for that we can use textBaseline: TextBaseline.alphabetic in alphabetic or if it is graphical

//alphabetic:::

textBaseline: TextBaseline.alphabetic,

-or-

//graphic:::

textBaseline: TextBaseline.ideographic

in my case its alphabetic::: so i re-write

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