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,
    ),
  ),
)

文本小部件数据未居中

1 个答案: