如何让GestureDetector适配父组件尺寸而非子组件？

要让GestureDetector强制采用父组件（外层Center）的尺寸，而非子组件的尺寸，有两种通用实现方式：

• 方法一：使用SizedBox.expand撑开空间
  将原内层Center嵌套在SizedBox.expand中，这个组件会自动占据父组件提供的最大可用空间，从而让GestureDetector的尺寸匹配外层Center的大小。同时建议设置behavior: HitTestBehavior.opaque，确保整个区域都能响应手势（默认仅子组件区域可触发手势）。

  示例代码：

  Center(
    child: GestureDetector(
      behavior: HitTestBehavior.opaque,
      child: SizedBox.expand(
        child: Center(
          child: Text('Center'),
        ),
      ),
    ),
  );
  

• 方法二：通过LayoutBuilder+ConstrainedBox约束尺寸
  利用LayoutBuilder获取父组件的约束条件，再用ConstrainedBox强制GestureDetector的子组件遵循该约束，以此实现尺寸匹配父组件的效果。

  示例代码：

  Center(
    child: LayoutBuilder(
      builder: (context, constraints) {
        return GestureDetector(
          behavior: HitTestBehavior.opaque,
          child: ConstrainedBox(
            constraints: constraints,
            child: Center(
              child: Text('Center'),
            ),
          ),
        );
      },
    ),
  );
  

两种方法都能实现GestureDetector随父组件调整高度的需求，其中方法一代码更简洁，是日常开发中的首选方案。

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