1

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

在此处输入图像描述

4

4 回答 4

0

将其包裹在中心小部件中

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

飞镖盘：

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

飞镖板结果

于 2021-05-11T18:13:20.780 回答
0

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

Column(
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    Text('Delivery'),
    Text('Payment'),
    Text('Total'),
  ],
)
于 2021-05-15T03:06:07.450 回答
0

玩文字高度（行高）

Text('Hey There', 
  style: TextStyle(height: 5, fontSize: 10),
)
于 2021-05-11T15:53:55.273 回答
0

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

于 2021-05-11T16:03:23.747 回答