Flutter中如何让ListTile内文本垂直顶部对齐？是否可行？

能否仅通过ListTile实现垂直顶部对齐？ #

不行。ListTile的内部布局默认将title、trailing等子组件垂直居中对齐，且没有提供直接修改整体垂直对齐方式的参数，仅靠ListTile自身属性无法实现顶部对齐需求。

最佳实现方式 #

最稳妥且易维护的方式是自定义Row组件替代ListTile，完全控制内容的垂直对齐逻辑，示例代码如下：

child: GestureDetector(
  onTap: () {
    NavigationService.instance.navigateToReplacement(Transactions.route);
  },
  child: Padding(
    // 模拟ListTile默认的内边距，可根据需求调整
    padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
    child: Row(
      crossAxisAlignment: CrossAxisAlignment.start, // 设置垂直顶部对齐
      children: [
        Expanded(
          child: Text(
            item.name,
            style: const TextStyle(
              fontSize: GlobalUI.listHeaderFontSize,
              fontWeight: FontWeight.normal,
            ),
          ),
        ),
        Text(
          NumberFormat.simpleCurrency().format(item.balance),
          style: const TextStyle(
            fontSize: GlobalUI.listHeaderFontSize,
            fontWeight: FontWeight.normal,
          ),
        ),
      ],
    ),
  ),
),

如果一定要基于ListTile做修改（不推荐，可能有布局副作用），可以通过清除默认内边距配合Align强制调整位置，但需要手动适配视觉效果：

child: ListTile(
  onTap: () {
    NavigationService.instance.navigateToReplacement(Transactions.route);
  },
  contentPadding: EdgeInsets.zero, // 清除默认内边距
  title: Align(
    alignment: Alignment.topLeft,
    child: Text(
      item.name,
      style: const TextStyle(
        fontSize: GlobalUI.listHeaderFontSize,
        fontWeight: FontWeight.normal,
      ),
    ),
  ),
  trailing: Align(
    alignment: Alignment.topRight,
    child: Text(
      NumberFormat.simpleCurrency().format(item.balance),
      style: const TextStyle(
        fontSize: GlobalUI.listHeaderFontSize,
        fontWeight: FontWeight.normal,
      ),
    ),
  ),
),

注意：第二种方式需要手动补全内边距来匹配原ListTile的视觉效果，当内容高度变化时可能出现布局错位，优先推荐第一种自定义Row的方案。

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