如何将Flutter Container组件设置为可点击按钮并实现点击响应？

Flutter中可以通过以下两种常用方式为Container添加点击事件，按需选择即可：

方案1：用GestureDetector包裹（无自带点击动效，可自定义各类手势） #

GestureDetector支持监听点击、双击、长按等各类手势，不会自带Material风格的水波纹效果，适合自定义交互样式的场景：

GestureDetector(
  // 点击触发的逻辑，写入需要的响应代码即可
  onTap: () {
    print("Container被点击了");
    // 此处添加要执行的业务逻辑
  },
  // 可选：监听其他手势，比如长按
  onLongPress: () {
    print("Container被长按了");
  },
  child: Container(
    margin: const EdgeInsets.all(15.0),
    padding: const EdgeInsets.all(3.0),
    decoration: BoxDecoration(
      border: Border.all(color: Colors.blueAccent)
    ),
    child: Text("AAAAAA"),
  ),
)

方案2：用InkWell包裹（自带Material水波纹点击动效） #

如果需要符合Material设计规范的点击反馈效果，优先选择InkWell，注意要确保上层有Material组件祖先，否则水波纹效果不会显示：

InkWell(
  onTap: () {
    print("Container被点击了");
    // 执行对应响应逻辑
  },
  // 可选：自定义水波纹颜色
  splashColor: Colors.blue.withOpacity(0.3),
  child: Container(
    margin: const EdgeInsets.all(15.0),
    padding: const EdgeInsets.all(3.0),
    decoration: BoxDecoration(
      border: Border.all(color: Colors.blueAccent)
    ),
    child: Text("AAAAAA"),
  ),
)

注意：如果使用InkWell时Container设置了背景色，需要把背景色设置给InkWell的color属性，否则水波纹会被Container的背景遮挡。

内容的提问来源于stack exchange，提问作者Isac de Oliveira