Flutter 如何将颤振文本小部件垂直对齐?
我试图垂直对齐这些文本小部件,以便它们在两行之间完全居中。但是,由于偏心线的原因,Flatter认为文本小部件的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)。但是,这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是偏心对齐文本 播放文本高度(行高)Flutter 如何将颤振文本小部件垂直对齐?,flutter,flutter-layout,flutter-widget,flutter-text,Flutter,Flutter Layout,Flutter Widget,Flutter Text,我试图垂直对齐这些文本小部件,以便它们在两行之间完全居中。但是,由于偏心线的原因,Flatter认为文本小部件的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)。但是,这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是偏心对齐文本 播放文本高度(行高) 您可以尝试对齐小部件,只需使用Align包装文本并提供对齐方式即可将其包装在中心小部件中 Center( child: Text( "PAYMENT", style: Te
您可以尝试对齐小部件,只需使用Align包装文本并提供对齐方式即可将其包装在中心小部件中
Center(
child: Text(
"PAYMENT",
style: TextStyle(
backgroundColor: Colors.blue,
fontSize: 20,
),
textAlign: TextAlign.center,
),
)
省道板:
我认为您需要的是在列小部件中使用“CrossAxisAlignment”属性
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text('Delivery'),
Text('Payment'),
Text('Total'),
],
)
最好的方法是将
文本
小部件与中心
小部件包装在一起。您可以共享用于创建此特定布局的代码吗?这将有助于复制精确的设计,并找出正确的修复方法。。。我觉得这个问题可以通过一个扩展的,然后将它的子对象与中心对齐来解决,但是需要查看代码才能确定。同意@Sidak,如果你给我们你的代码并修复它,这个问题会更容易回答
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text('Delivery'),
Text('Payment'),
Text('Total'),
],
)