如何实现点击ListView列表项后跳转至预设profile页面？

核心实现逻辑 #

整个功能拆成3步实现即可，无特殊复杂度：

• 给ListView组件绑定全局条目点击监听，提前处理条目内子控件抢焦点导致点击不生效的问题
• 点击触发时，根据点击位置拿到当前条目标记的人物唯一标识（一般是人物ID），不要直接传全量人物数据
• 调用系统/框架提供的页面路由接口，带着人物ID跳转到提前写好的Profile页面，Profile页初始化时根据传入的ID拉取/查询对应人物的完整资料渲染即可

常见场景代码参考 #

Android 原生（Kotlin） #

首先在列表页给ListView绑定点击事件：

// 初始化列表数据、适配器
val personList = mutableListOf<Person>() // Person是你自己定义的人物数据类，包含id、姓名等基础字段
val listView = findViewById<ListView>(R.id.person_list)
listView.adapter = PersonListAdapter(this, R.layout.item_person, personList)

// 绑定条目点击监听
listView.onItemClickListener = { _, _, position, _ ->
    val selectedPerson = personList[position]
    val jumpIntent = Intent(this, ProfileActivity::class.java).apply {
        // 仅传必要的唯一ID，避免大对象传输触发TransactionTooLargeException
        putExtra("target_person_id", selectedPerson.id)
    }
    startActivity(jumpIntent)
}

Profile页接收参数加载数据：

class ProfileActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_profile)
        // 读取传入的人物ID
        val targetId = intent.getLongExtra("target_person_id", -1L)
        if (targetId != -1L) {
            // 执行你的资料加载逻辑：查本地数据库/请求网络接口拿全量资料
            renderProfileById(targetId)
        }
    }

    private fun renderProfileById(personId: Long) {
        // 页面渲染逻辑
    }
}

避坑提示：如果列表item布局里放了Button、CheckBox、EditText这类默认抢占焦点的控件，一定要在item布局的根节点加上属性android:descendantFocusability="blocksDescendants"，否则会出现点条目没反应的问题。

Flutter 实现 #

列表页构建点击逻辑：

ListView.builder(
  itemCount: personList.length,
  itemBuilder: (context, index) {
    final currentPerson = personList[index];
    return ListTile(
      title: Text(currentPerson.name),
      onTap: () {
        // 路由跳转传参
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => ProfilePage(personId: currentPerson.id),
          ),
        );
      },
    );
  },
)

Profile页接收参数：

class ProfilePage extends StatelessWidget {
  final int personId;
  // 构造函数接收传参
  const ProfilePage({super.key, required this.personId});

  @override
  Widget build(BuildContext context) {
    // 初始化时根据personId加载对应资料渲染
    return Scaffold(
      appBar: AppBar(title: const Text("个人资料")),
      body: Center(child: Text("人物ID：$personId")),
    );
  }
}

额外注意事项 #

• 跨页面传参只传唯一标识即可，不要传Bitmap、超长文本这类大体积数据，很容易触发系统的跨进程数据大小限制
• 列表数据做增删改操作后，记得及时调用适配器的notifyDataSetChanged()（Android）或setState()（Flutter）刷新，避免点击位置和实际数据不对应跳错页面
• 如果需要从Profile页返回列表页时传递结果（比如关注状态变更），可以调用带返回值的路由API，在列表页监听返回结果做对应UI更新

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