GestureDetector中Navigator.pop(context)失效，疑与SingleChildScrollView有关

先查最基础的语法错误 #

你最初的代码里，IconButton的onPressed写的是Navigator.of(context).pop;——这里少了调用的括号，正确写法是Navigator.of(context).pop();。不过你说已经替换成Navigator.pop(context);还是没用，那接着看下面的原因。

常见问题及修复方法 #

1. SingleChildScrollView覆盖了返回按钮 #

你的SingleChildScrollView用Positioned铺满了整个屏幕，它会叠在IconButton上层，把点击事件拦截了。可以先给SingleChildScrollView加个禁用滚动的属性测试：

SingleChildScrollView(
  physics: const NeverScrollableScrollPhysics(),
  child: Column(
    // 你的内容
  ),
)

如果禁用后返回按钮能正常工作，就说明是滚动视图的问题。这时候可以调整布局：把SingleChildScrollView的top设为上方图片的高度（350），让它只覆盖图片下方区域，不挡住返回按钮：

Positioned(
  top: 350, // 和图片高度一致
  left: 0,
  right: 0,
  bottom: 0,
  child: SingleChildScrollView(
    child: Column(
      // 你的内容
    ),
  ),
)

2. GestureDetector的触摸行为设置 #

如果是用GestureDetector包裹返回按钮，要确保它能接收到点击事件，设置behavior: HitTestBehavior.opaque：

GestureDetector(
  behavior: HitTestBehavior.opaque,
  onTap: () {
    Navigator.pop(context);
  },
  child: Icon(Icons.arrow_back_ios_new_rounded),
)

3. 上下文(context)无效 #

如果当前组件不在Navigator的子树里，用这个context调用Navigator.pop会失效。可以用全局key来获取NavigatorState：

// 全局定义
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

// 在MaterialApp里配置
MaterialApp(
  navigatorKey: navigatorKey,
  // 其他配置
)

// 点击事件里调用
navigatorKey.currentState?.pop();

4. 当前页面是根路由 #

如果当前页面是Navigator的第一个页面，Navigator.pop不会有效果，因为没有上一页可返回。可以先判断：

onPressed: () {
  if (Navigator.canPop(context)) {
    Navigator.pop(context);
  }
}

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