如何在AppBar中添加手势？GestureDetector参数不匹配报错求助

你这段代码的核心问题是语法结构混乱+GestureDetector参数不完整，具体原因：

• 你把AppBar的title属性直接嵌套在了GestureDetector内部，导致GestureDetector缺少必填的child参数，这就是报错提示“参数不匹配”的根源。
• 括号嵌套错误，多个代码块的括号没有正确闭合，进一步引发语法问题。

要实现点击头像/名称跳转页面，正确的做法是把包含头像和名称的Row用GestureDetector包裹，再将这个GestureDetector作为AppBar的title。修正后的完整代码如下：

Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        // 将GestureDetector作为AppBar的title，仅头像+名称区域可点击
        title: GestureDetector(
          onTap: () {
            Navigator.pushNamed(context, LoginPage.routeName);
          },
          // 把原来的头像+名称Row作为GestureDetector的child
          child: Row(
            children: [
              const CircleAvatar(
                radius: 20,
                backgroundImage: NetworkImage(
                    'https://i1.sndcdn.com/artworks-79AS3zNyDuB420uC-pKTA2w-t500x500.jpg'),
              ),
              const SizedBox(width: 10),
              Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: const [
                  Text(
                    'Welcome Back!',
                    style: TextStyle(
                        fontSize: 13,
                        fontWeight: FontWeight.w400,
                        color: Colors.black87),
                  ),
                  Text(
                    'Guest',
                    style: TextStyle(
                        fontSize: 19,
                        fontWeight: FontWeight.w600,
                        color: Colors.black87),
                  ),
                ],
              ),
            ],
          ),
        ),
        forceMaterialTransparency: true,
      ),
      body: Container(
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/header_home.jpg'),
            fit: BoxFit.cover,
          ),
        ),
        child: SingleChildScrollView(
          padding: const EdgeInsets.symmetric(vertical: 16),
          child: Column(
            children: [filterField()],
          ),
        ),
      ),
    ),
  );
}

关键修改点： #

1. 把原有的头像+名称Row放到GestureDetector的child属性中，确保GestureDetector参数完整。
2. 将GestureDetector直接赋值给AppBar的title，这样只有头像和名称区域会响应点击事件（而非整个AppBar背景）。
3. 修正了所有括号的闭合问题，保证代码语法合法。

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