Flutter中可以给ListTile设置边框吗？具体怎么实现？

ListTile本身未直接暴露decoration属性，你之前单独包裹title、subtitle等内部子属性不生效，是因为这些子组件仅占据ListTile内部的局部区域，边框只会作用于子组件本身，无法覆盖整个ListTile的布局范围。可通过以下几种方式实现整块边框设置：

• 无交互需求时首选：外层包裹Container/DecoratedBox
  直接将完整的ListTile作为子组件传入带边框配置的Container即可，示例代码如下：

Container(
  margin: EdgeInsets.all(8), // 可根据需要添加外边距避免相邻组件粘连
  decoration: BoxDecoration(
    border: Border.all(color: Colors.grey, width: 1), // 边框颜色、宽度配置
    borderRadius: BorderRadius.circular(8), // 可选：圆角配置
  ),
  child: ListTile(
    leading: Icon(Icons.person),
    title: Text("用户名"),
    subtitle: Text("example@mail.com"),
    trailing: Icon(Icons.arrow_forward_ios),
  ),
)

• 需保留点击水波纹效果：外层包裹Ink组件
  ListTile的点击水波纹属于Material家族的Ink效果，使用Container设置背景/边框时会遮挡水波纹，改用Ink组件设置装饰即可同时保留交互效果，示例代码如下：

Ink(
  margin: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blueAccent, width: 1.5),
    borderRadius: BorderRadius.circular(4),
  ),
  child: ListTile(
    onTap: () { /* 点击逻辑 */ },
    title: Text("带点击效果的ListTile"),
    trailing: Icon(Icons.switch_right),
  ),
)

• 列表批量添加项间分隔边框
  如果是ListView中多个连续的ListTile需要添加项间分隔线，可直接使用官方提供的ListTile.divideTiles静态方法批量生成，示例代码如下：

ListView(
  children: ListTile.divideTiles(
    context: context,
    color: Colors.grey.shade300, // 分隔线颜色
    tiles: [
      ListTile(title: Text("列表项1"), onTap: (){}),
      ListTile(title: Text("列表项2"), onTap: (){}),
      ListTile(title: Text("列表项3"), onTap: (){}),
    ]
  ).toList(),
)

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