Что означает CrossAxisAlignment.baseline в столбце

Question

У меня вопрос, я хочу знать, какова функциональность, когда мы используем Column во Flutter, ничего не происходит, когда я использую этот атрибут, может кто-нибудь помочь мне понять, что такое работа. И я должен использовать textBaseline: TextBaseline атрибут для использования CrossAxisAlignment.baseline

Вот пример кода, который я использовал

       return Container(
  width: 200,
  color: Colors.pink[200],
  child: Column(
    textBaseline: TextBaseline.alphabetic,
    crossAxisAlignment: CrossAxisAlignment.baseline,
   // mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: [
      Text('text'),
      Text('text2'),
      Container(
        color: Colors.yellow,
        width: 70,
        height: 70,
      ),
      Container(
        color: Colors.pink,
        width: 70,
        height: 70,
      ),
      Container(
        color: Colors.indigo,
        width: 70,
        height: 70,
      )
    ],
  ),
);

Answer 1

На самом деле, используя базовый уровень вColumnбесполезно, но при использовании его вRow. Примечание. Если вы используете crossAxisAlignment.baseline без определения textBaseLine, приложение столкнется с ошибкой. Проверьте изображение для более упрощенного понимания.

      Row(
      crossAxisAlignment: CrossAxisAlignment.baseline,
      textBaseline: TextBaseline.alphabetic,
      children: [
        Text('50',
            style: TextStyle(
                fontSize: 50, decoration: TextDecoration.underline,  decorationColor: Colors.green)),
        Text('KG',
            style: TextStyle(
                fontSize: 20, decoration: TextDecoration.underline, decorationColor: Colors.green)),
      ],
    )