Flutter中如何调整AppBar Actions内文本的垂直对齐方式？

以下几种方案可以调整Actions中文本的垂直位置：

• 强制垂直居中：用Container或Center组件包裹文本，强制对齐到中心：

  appBar: AppBar(
    backgroundColor: Colors.white,
    title: const Text("Test", style: TextStyle(color: Colors.black)),
    actions: [
      Container(
        alignment: Alignment.center,
        child: Text(formattedDate, style: TextStyle(color: Colors.black)),
      )
    ],
  ),
  

  或者直接用Center组件，效果一致：

  appBar: AppBar(
    backgroundColor: Colors.white,
    title: const Text("Test", style: TextStyle(color: Colors.black)),
    actions: [
      Center(
        child: Text(formattedDate, style: TextStyle(color: Colors.black)),
      )
    ],
  ),
  

• 稍微向下对齐：通过Padding或Transform.translate调整偏移量：
  用Padding设置顶部内边距，让文本下移：

  appBar: AppBar(
    backgroundColor: Colors.white,
    title: const Text("Test", style: TextStyle(color: Colors.black)),
    actions: [
      Padding(
        padding: const EdgeInsets.only(top: 8.0), // 可根据需求调整数值
        child: Text(formattedDate, style: TextStyle(color: Colors.black)),
      )
    ],
  ),
  

  或者用Transform.translate直接设置偏移：

  appBar: AppBar(
    backgroundColor: Colors.white,
    title: const Text("Test", style: TextStyle(color: Colors.black)),
    actions: [
      Transform.translate(
        offset: const Offset(0, 4), // 向下偏移4像素，按需调整
        child: Text(formattedDate, style: TextStyle(color: Colors.black)),
      )
    ],
  ),
  

内容的提问来源于stack exchange，提问作者Kevin Chean