Flutter 如何在现有REST API用户列表中实现ExpansionTile组件

无需改动的现有逻辑 #

• 完全保留原有功能链路：fetchJSONData接口拉取逻辑、List<Users>实体解析逻辑、FutureBuilder异步加载逻辑、外层ListView.builder列表构建逻辑、Slidable侧滑的四类操作（Archive、Share、More、Delete）逻辑全部复用，不需要重写。

核心组件替换 #

• 保持Slidable作为每个列表项的最外层容器，将其原来包裹的ListTile子组件替换为ExpansionTile，Slidable的侧滑触发范围会自动适配ExpansionTile的整体高度，不需要额外调整手势识别范围。
• 将原ListTile的展示配置直接迁移到ExpansionTile的基础属性上，保证收起状态视觉和原页面完全一致：
  • leading参数复用原头像组件
  • title参数复用原展示用户姓名的Text组件
  • subtitle参数复用原展示联系电话的Text组件

展开详情区域实现 #

• 在ExpansionTile的children参数中配置展开后展示的用户详情内容，用Column纵向排列即可，所有内容直接从已解析的Users实体字段中取值，比如用户邮箱、所属公司、常驻地址、个人站点、地理坐标等原列表未展示的信息，给这部分内容加统一左内边距，和上层标题保持视觉对齐。

适配优化 #

• 手势冲突处理：如果出现ExpansionTile展开/收缩和Slidable侧滑的手势识别冲突，给Slidable补充closeOnScroll: true参数，保证列表滚动时自动收起展开的Tile，同时明确侧滑手势的触发优先级。
• 视觉对齐：给ExpansionTile配置shape参数，匹配原ListTile的分割线样式、圆角属性，避免换组件后出现分隔线异常、样式跳变的问题。
• 状态控制：给ExpansionTile设置initiallyExpanded参数，一般默认值设为false，避免进入页面时所有列表项全展开导致的浏览体验问题。

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