MaterialApp/Scaffold是否会拦截Listener的指针点击事件？

你遇到的问题核心是CustomPaint没有获取到足够的尺寸约束，导致Listener的可点击区域为0，所以点击事件无法被捕获。虽然外层Container设置了白色背景占满屏幕，但它的子节点Listener的尺寸是由CustomPaint决定的——默认的CustomPaint如果既没指定size，也没有父节点的强制约束，就会是(0,0)的尺寸，自然接收不到点击。

下面给你几个可行的解决方案：

方案1：用SizedBox.expand包裹CustomPaint #

这是最简单的方法，让CustomPaint直接占满父容器的所有可用空间：

import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatefulWidget {
  @override
  AppState createState() => AppState();
}

class AppState extends State<App> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Container(
                color: Colors.white,
                child: Listener(
                  onPointerDown: (details) {
                    print('Action');
                  },
                  child: SizedBox.expand( // 新增这一层，强制CustomPaint占满父容器
                    child: CustomPaint(
                      painter: DrawingPainter(),
                    ),
                  ),
                ))));
  }
}

class DrawingPainter extends CustomPainter {
  DrawingPainter();

  @override
  void paint(Canvas canvas, Size size) {}

  @override
  bool shouldRepaint(DrawingPainter oldDelegate) => true;
}

方案2：给CustomPaint指定全屏尺寸 #

通过MediaQuery获取当前屏幕的尺寸，直接赋值给CustomPaint：

// ... 其余代码不变
child: CustomPaint(
  size: MediaQuery.of(context).size, // 指定全屏尺寸
  painter: DrawingPainter(),
),
// ...

方案3：让CustomPaint自行继承父容器约束 #

给CustomPaint添加强制扩展的约束，让它自动占满父容器空间，同时paint方法里的size参数会自动获取到全屏尺寸：

// ... 其余代码不变
child: CustomPaint(
  constraints: BoxConstraints.expand(), // 强制占满父容器
  painter: DrawingPainter(),
),
// ...

为什么直接返回Container包裹Listener时能正常工作？ #

当你不使用MaterialApp和Scaffold时，根Widget的约束是全屏的，Container会直接继承这个约束。此时如果Listener的子节点CustomPaint没有指定尺寸，Listener会直接使用父容器的约束作为自己的尺寸（因为没有子节点提供尺寸参考），所以能接收到点击。但嵌套MaterialApp和Scaffold后，约束传递的层级变多，CustomPaint需要明确的尺寸指令才能占满空间。

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