如何在flutter中垂直对齐文本？

Question

我想知道如何在文本小部件中垂直对齐文本。有一个属性叫做textAlign。它将垂直和水平对齐文本中心。所以我只需要在垂直方向上编辑文本。

当我设置 TextAlign.center 时，

Answer 1

文本小部件可以在某些父小部件中对齐（例如，Container、Center等）。或者您可以使用 Align 小部件包裹文本。

Answer 2

您还可以使用 Row() Flutter 或 Column() 并使用它们的

crossAxisAlignment

和

mainAxisAlignment

来对齐小部件

Column(
  crossAixsAlignment: CrossAxisAlignment.center,
  children: <Widget>[ Text() ]
)

Answer 3

将文本包裹在对齐小部件中，

因此您可以控制水平或垂直或两者的任意方向的对齐方式

Container(
        height: 48,
        width: double.infinity,
        decoration:
            BoxDecoration(border: Border.all(width: 1, color: Colors.blue)),
        child: const Align(
          alignment: Alignment.centerLeft,
          child: Text(
            'Hello World',
          ),
        ),
      ),