Flutter中TapGestureRecognizer#5334d导航失效问题求助

问题场景 #

使用以下代码实现FloatingActionButton点击导航到shop1页面，但点击无响应，终端输出如下错误信息：

实现代码

floatingActionButton: FloatingActionButton(
          onPressed: () {
            // getValueOfField();
            Navigator.push(
                context, MaterialPageRoute(builder: (context) => shop1()));
          },
          child: Icon(
            Icons.arrow_right_alt,
            color: Colors.black,
          ),
          backgroundColor: Color(0xfff7892b),
        )

终端错误信息

处理器: "onTap"
识别器:
  TapGestureRecognizer#5334d

排查与解决步骤 #

• 修正类名大小写：Flutter要求类名必须以大写字母开头，将shop1()改为Shop1()，这是最常见的导致路由创建失败的原因。
• 验证上下文有效性：确保当前组件的context处于MaterialApp或Navigator的子树中。如果当前页面是MaterialApp的直接子节点，可通过Builder组件包裹来获取正确的导航上下文。
• 检查目标页面实现：确认Shop1是有效的StatelessWidget或StatefulWidget，其build方法没有抛出异常——目标页面的错误也会导致导航失败，且仅输出手势识别相关日志。
• 添加错误捕获：在onPressed中加入try-catch块，捕获具体错误信息，方便定位问题：

onPressed: () {
  try {
    Navigator.push(context, MaterialPageRoute(builder: (context) => Shop1()));
  } catch (e) {
    print('导航异常：$e');
  }
},

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