如何在 Flutter 中对齐不同 Text 小部件中的文本？答案

【问题标题】：How to align text in different Text widgets in Flutter?如何在 Flutter 中对齐不同 Text 小部件中的文本？
【发布时间】：2019-11-13 06:45:36
【问题描述】：

当我使用Text('00:47')时，中间的冒号可以与数字垂直居中，如下图：

但是当我组合三个 Text 小部件时，冒号会失去对齐。

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Text('00'),
    Text(':'),
    Text('47'),
  ],
)

如何使冒号和数字垂直居中？

【问题讨论】：

您尝试过 crossAxisAlignment: CrossAxisAlighnment.center 吗？
@VirenVVarasadiya，CrossAxisAxisAlignment 的默认值为 CrossAxisAlignment.center。
你是在为你的文本设置样式，否则你可以做一些类似 Text("00" + " : " + "47")
同意，使用 3 个不同的 Text 小部件的原因是什么？
其实我用的是Text('$minutes:$seconds')。但是当分秒变化时，冒号并不总是在屏幕中间，它会向左或向右移动。 @pskink

标签： flutter dart

【解决方案1】：

你可以试试这个

  Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
      Text('00'),
      Padding(
        padding: const EdgeInsets.only(bottom: 10),
        child: Text(':'),
      ),
      Text('47'),
    ],
  )

【讨论】：