Данные текстового виджета не центрируются

Question

У меня есть текстовый виджет (в контейнере). Текст в виджете всегда выровнен по левому краю.

 Container(decoration: myBoxDecoration(),
                     child: Row(children: <Widget>[
                       Center(child: Text('Historical Information Below (latest Results at top)', textAlign: TextAlign.center,))],),
                   ),

Я использовал параметр:

TextAlign: TextAlign.center

, но, увы, это бесполезно.

Я даже добавил этот виджет «Текст» в виджет «Центр», и он ничего не сделал.

Что я делаю не так?

Answer 1

Это происходит потому, что у вас есть Text виджет внутри Row виджета.

Итак, добавьте mainAxisAlignment: MainAxisAlignment.center к Row

Container(
  decoration: myBoxDecoration(),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Center(
        child: Text(
          'Historical Information Below (latest Results at top)',
          textAlign: TextAlign.center,
        ),
      ),
    ],
  ),
)

или удалите Row

Container(
  decoration: myBoxDecoration(),
  child: Center(
    child: Text(
      'Historical Information Below (latest Results at top)',
      textAlign: TextAlign.center,
    ),
  ),
)