如何對齊 Flutter 中不同文本小部件中的文本？

Question

當我使用Text('00:47')時，中間的冒號可以與數字垂直居中，如下圖：

但是當我組合三個Text小部件時，冒號會丟失它的 alignment。

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'),
    ],
  )