我想知道如何在扑动中垂直和水平地集中文本部件的内容。 我只知道如何使用center (child: Text("test"))将小部件本身居中,但不知道内容本身。默认情况下,它是向左对齐的。在Android中,我相信TextView的属性,实现这被称为重力。

我想要的例子:


当前回答

你必须设置你的文本部件属性来设置textAlign.center。

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

其他回答

您可以使用文本构造函数的TextAlign属性。

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

概述:我使用Flex小部件使用MainAxisAlignment将文本置于页面的中央。沿水平轴居中。我使用容器填充来创建文本周围的空白空间。

  Flex(
            direction: Axis.horizontal,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
                Container(
                    padding: EdgeInsets.all(20),
                    child:
                        Text("No Records found", style: NoRecordFoundStyle))
  ])

文本标题必须始终在顶部。

错误的方式:

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

正确的方式:

  child: Center(
    child: Text(
      "Hello World",
      textAlign: TextAlign.center,
    ),
  ),
                       child: Align(
                          alignment: Alignment.center,
                          child: Text(
                            'Text here',
                            textAlign: TextAlign.center,                          
                          ),
                        ),

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

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

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

代码:

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