求助：Flutter中ListView点击跳转异常，需点击两次才可进入对应页面

开发者阿泽

2026-10-16

问题原因

你遇到的点击多次才跳转、且错跳上一次选中项的问题，核心原因是跳转逻辑依赖了异步更新的State状态：
Flutter的setState是异步操作，调用后不会立刻更新组件状态，只是标记组件需要重建。如果你的写法是点击后先setState保存选中的目标项，再立刻读取State里的目标项执行跳转，此时读取到的还是更新前的旧值，就会出现第一次点击跳转无响应/错跳、第二次点击才能跳对的情况，完全匹配你描述的复现路径。

解决方案

方案1（推荐）：点击时直接用当前条目参数跳转，不依赖State

每个列表项点击时，直接拿当前渲染条目的目标参数执行跳转，不要先存State再读State：

// 列表项点击回调示例，user为当前渲染条目的对应数据
onTap: () {
  // 先保存当前点击的目标数据，和State无关
  final targetUser = user;
  // 如果需要选中高亮的状态更新，正常执行setState即可
  setState(() {
    selectedUser = targetUser;
  });
  // 直接用当前拿到的targetUser跳转，不读取State里的selectedUser
  Navigator.push(context, MaterialPageRoute(
    builder: (context) => ChatPage(user: targetUser)
  ));
}

方案2：将跳转逻辑放到setState的完成回调里

如果你的跳转逻辑必须等State更新完成后再执行，可以把跳转代码放到setState的第二个参数回调中，该回调会在状态更新、组件重建完成后触发：

onTap: () {
  setState(() {
    selectedUser = user;
  }, () {
    // 回调触发时selectedUser已经是最新值
    Navigator.push(context, MaterialPageRoute(
      builder: (context) => ChatPage(user: selectedUser)
    ));
  });
}