将Text小部件包装到Align小部件中，并添加Align .center。

Align(
  alignment: Alignment.center,
  child: Text(
    'Some Text',
    style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
  ),
)

将Text小部件包装到Align小部件中，并添加Align .center。

Align(
  alignment: Alignment.center,
  child: Text(
    'Some Text',
    style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
  ),
)

文本对齐中心属性只设置水平对齐。

我使用下面的代码设置文本垂直和水平居中。

代码:

      child: Center(
        child: Text(
          "Hello World",
          textAlign: TextAlign.center,
        ),
      ),

我认为一个更灵活的选择是用Align()像这样包装Text():

Align(
  alignment: Alignment.center, // Align however you like (i.e .centerRight, centerLeft)
  child: Text("My Text"),
),

使用Center()似乎完全忽略了文本部件上的TextAlign。它不会对齐TextAlign。left或TextAlign。如果你试一下，它还是会在中间。

也许你想为两个集装箱提供相同的宽度和高度

Container(
            width: size.width * 0.30, height: size.height * 0.4,
            alignment: Alignment.center,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(6)
            ),
            child: Center(
              child: Text(categoryName, textAlign: TextAlign.center, style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 17,
                color: Colors.white,
              ),),
            ),

如果您是intellij IDE用户，可以使用快捷键Alt+Enter，然后选择居中换行，然后添加textAlign: textAlign . Center