如何完全对齐 Flutter Text Widget？

问题描述

我正在尝试垂直对齐这些文本小部件，以便它们在两条线之间完美居中。但是，由于下降线，Flutter 看到文本小部件的大小与文本后面的红色矩形一样大（文本的背景颜色仅用于说明目的）。但是，这会导致文本看起来有点偏离中心。有没有办法使用基线而不是降阶来对齐文本？

解决方法

播放文本高度（行高）

Text('Hey There',style: TextStyle(height: 5,fontSize: 10),)

,

您可以尝试使用 Align 小部件，只需使用 Align 包裹您的文本并提供您的对齐方式

,

将其包裹在中心小部件中

Center(
    child: Text(
      "PAYMENT",style: TextStyle(
        backgroundColor: Colors.blue,fontSize: 20,),textAlign: TextAlign.center,)

飞镖：

https://dartpad.dev/flutter?null_safety=true&id=3b0bf085892c1867012f5dd00713ccf7

,

我认为您要寻找的是在 Column 小部件中使用“CrossAxisAlignment”属性。

Column(
  crossAxisAlignment: CrossAxisAlignment.center,children: [
    Text('Delivery'),Text('Payment'),Text('Total'),],)