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

Question

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

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

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

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

Answer 1

您可以尝试

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