Почему CrossAxisAligment не работает во Flex, Row и Column?

Question

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Flutter Demo'
        ),
      ),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Text(
            'Hell World!'
          )
        ],
      )
    );
  }
}

Почему текст Hell World центрируется только по горизонтали, а не по вертикали, как я уже указал CrossAxisAligment.

Это из-за этого: Выпуск

Answer 1

Row не занимают все вертикальное пространство, доступное по умолчанию. Требуется только необходимое пространство (но оно занимает все горизонтальное пространство).

Принуждение строки к расходу по вертикали должно помочь:

body: SizedBox.expand(
  child: Row(...),
),