如何在Flutter中纵向和横向居中文本？

Question

我想知道如何在Flutter中垂直和水平地将Text小部件的内容居中.我只知道如何使用Center(child: Text("test"))内容本身,而不是内容本身,它默认左对齐.在Android中,我相信调用实现此功能的TextView的属性gravity.

我想要的例子:

Answer 1

文本对齐中心属性设置仅水平对齐.

我使用下面的代码来垂直和水平设置文本中心.

码:

      child: Center(
        child: new Text(
        "Keerthanai Songs",
        textAlign: TextAlign.center,
        ),
      )

Answer 2

您可以使用构造函数的TextAlign属性Text.

Text("text", textAlign: TextAlign.center,)

Answer 3

我认为，更灵活的选择是换行Text()与Align()像这样：

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

使用Center()似乎TextAlign完全忽略了Text小部件。它不会对齐，TextAlign.left或者TextAlign.right如果尝试，它将保留在中心。

Answer 4

您需要使用textAlign文本小部件上的属性。它为我带来了最好的结果

Text(
  'Hi there',
   textAlign: TextAlign.center,                          
 )

Answer 5

文本标题必须始终位于顶部。

错误的方法：

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

正确的方法：

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

Answer 6

                       child: Align(
                          alignment: Alignment.center,
                          child: Text(
                            'Text here',
                            textAlign: TextAlign.center,                          
                          ),
                        ),

这对我来说是最好的结果。

Answer 7

将文本放在中心：

Container(
      height: 45,
      color: Colors.black,
      child: Center(
        child: Text(
            'test',
            style: TextStyle(color: Colors.white),
        ),
      ),
    );

Answer 8

如果你是intellij IDE用户，可以使用快捷键Alt+Enter然后选择Wrap with Center然后添加textAlign: TextAlign.center