Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何将颤振文本小部件垂直对齐?_Flutter_Flutter Layout_Flutter Widget_Flutter Text - Fatal编程技术网

Flutter 如何将颤振文本小部件垂直对齐?

Flutter 如何将颤振文本小部件垂直对齐?,flutter,flutter-layout,flutter-widget,flutter-text,Flutter,Flutter Layout,Flutter Widget,Flutter Text,我试图垂直对齐这些文本小部件,以便它们在两行之间完全居中。但是,由于偏心线的原因,Flatter认为文本小部件的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)。但是,这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是偏心对齐文本 播放文本高度(行高) 您可以尝试对齐小部件,只需使用Align包装文本并提供对齐方式即可将其包装在中心小部件中 Center( child: Text( "PAYMENT", style: Te

我试图垂直对齐这些文本小部件,以便它们在两行之间完全居中。但是,由于偏心线的原因,Flatter认为文本小部件的大小与文本后面的红色矩形一样大(文本的背景色仅用于说明)。但是,这会导致文本看起来有点偏离中心。有没有一种方法可以使用基线而不是偏心对齐文本

播放文本高度(行高)


您可以尝试对齐小部件,只需使用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'),
  ],
)