Flutter页面滑动返回后InkWell手势短暂失效问题求助

问题原因 #

滑动返回（iOS风格pop手势）结束后，Flutter手势系统会触发短暂的冲突防护机制，暂时拦截点击事件，避免滑动结束时的误触操作，这就是快速点击无响应的核心原因。

解决方法 #

方法1：用GestureDetector替代InkWell并提升点击优先级

通过设置HitTestBehavior.opaque让点击事件优先被捕获，绕过手势拦截：

class GestureIssueScreen extends StatelessWidget {
  const GestureIssueScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Material(
        color: Colors.white,
        child: GestureDetector(
          behavior: HitTestBehavior.opaque,
          onTap: () {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (_) => const Scaffold(),
              ),
            );
          },
          child: const Center(
            child: Text("Tap me"),
          ),
        ),
      ),
    );
  }
}

方法2：自定义路由缩短过渡时长

缩短页面过渡动画的时间，让手势系统更快恢复响应：

// 自定义快速恢复路由
class FastRecoveryPageRoute<T> extends MaterialPageRoute<T> {
  FastRecoveryPageRoute({required super.builder}) : super();

  @override
  Duration get transitionDuration => const Duration(milliseconds: 200);
}

// 使用示例
class GestureIssueScreen extends StatelessWidget {
  const GestureIssueScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Material(
        color: Colors.white,
        child: InkWell(
          onTap: () {
            Navigator.of(context).push(
              FastRecoveryPageRoute(builder: (_) => const Scaffold()),
            );
          },
          child: const Center(
            child: Text("Tap me"),
          ),
        ),
      ),
    );
  }
}

方法3：直接监听底层指针事件

使用Listener监听PointerUp事件，跳过手势识别器的拦截逻辑：

class GestureIssueScreen extends StatelessWidget {
  const GestureIssueScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Material(
        color: Colors.white,
        child: Listener(
          onPointerUp: (_) {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (_) => const Scaffold(),
              ),
            );
          },
          child: const Center(
            child: Text("Tap me"),
          ),
        ),
      ),
    );
  }
}

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