如何在Flutter中垂直水平居中文本？

Question

如何在Flutter中垂直水平居中文本？

user-interfacetextwidgetalignmentflutter

252

我想知道如何在Flutter中垂直和水平居中Text小部件的内容。我只知道如何使用Center(child: Text("test"))来使小部件本身居中，但不是其内容。默认情况下，它被左对齐。在Android中，我相信可以使用TextView的gravity属性来实现此效果。示例：

- jeroen-meijer

13个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nidhi · Answer 1

您需要将Text widget属性设置为textAlign.center。

center(
   child : Text(
  'Hello',
   textAlign: TextAlign.center))

- Fakhriddin Abdullaev · Answer 2

将您的文本小部件包装在Align小部件中，并添加Alignment.center。

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

- someone_that_needHelp · Answer 3

也许您想为两个容器提供相同的宽度和高度

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