Невозможно горизонтально выровнять Контейнер по центру экрана

Question

Желаемый результат - выровнять Контейнер по центру экрана. Вертикальное выравнивание сделано. Но горизонтального выравнивания не происходит.

Я ожидал, что crossAxisAlignment.center позаботится об этом.

Желаемый результат:

Текущий результат :

return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Container(
          child: Text(
            'Failed to login. Try again later.',
            style: TextStyle(
              color: Colors.white,
              fontWeight: FontWeight.bold,
            ),
          ),
          decoration: BoxDecoration(
            color: Colors.red[800],
          ),
          padding: EdgeInsets.symmetric(vertical: 100, horizontal: 30),
        ),
      ],
    );

Answer 1

Вам нужно обернуть свой контейнер виджетом Center.

Column(
  crossAxisAlignment: CrossAxisAlignment.center,
  mainAxisSize: MainAxisSize.max,
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    Center(
      child: Container(
        child: Text(
          'Failed to login. Try again later.',
          style: TextStyle(
            color: Colors.white,
            fontWeight: FontWeight.bold,
          ),
        ),
        decoration: BoxDecoration(
          color: Colors.red[800],
        ),
        padding:
            EdgeInsets.symmetric(vertical: 100, horizontal: 30),
      ),
    ),
  ],
),