如何让ListTile的leading部件在subtitle文本换行时保持顶部对齐？

哈哈，这个问题我之前也碰到过！ListTile默认的布局逻辑确实会让leading在subtitle换行时跑到中间去，特别影响视觉效果。给你两个实用的解决办法：

• 用Align包裹leading部件
  最简单的方式就是把你的leading组件放在Align里，指定对齐方式为顶部靠左，这样不管subtitle多长，leading都会牢牢钉在和title同一水平的顶部位置。代码示例：

  ListTile(
    leading: Align(
      alignment: Alignment.topLeft,
      child: Icon(Icons.person), // 替换成你的leading部件，比如图片、图标都行
    ),
    title: Text('我的标题'),
    subtitle: Text('这是一段非常长的副标题文本，用来测试换行后的效果，看看leading是不是还能保持顶部对齐，再多写几句凑够换行的长度吧'),
  )
  

• 自定义类似ListTile的布局
  如果觉得ListTile的默认限制太多，完全可以自己用Row+Column搭一个布局，灵活度更高。只需要把Row的交叉对齐方式设为CrossAxisAlignment.start，就能让所有内容顶部对齐：

  Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      // 模拟ListTile的leading间距
      Padding(
        padding: const EdgeInsets.only(right: 16.0),
        child: Icon(Icons.person), // 你的leading部件
      ),
      Expanded(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text('我的标题'),
            // 模拟title和subtitle的默认间距
            SizedBox(height: 4.0),
            Text('这是一段非常长的副标题文本，用来测试换行后的效果，看看leading是不是还能保持顶部对齐，再多写几句凑够换行的长度吧'),
          ],
        ),
      ),
    ],
  )
  

备注：内容来源于stack exchange，提问作者user8