Flutter 如何使卡片可点击？

在Flutter中，要使卡片（Card）可点击，通常的做法是使用GestureDetector或InkWell包装卡片。这两者都可以处理用户的触摸事件，但InkWell相比GestureDetector有水波纹效果，这通常能给用户更好的反馈。

以下是一个使用InkWell的例子：

dart
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
        child: MyClickableCard(),
      ),
    ),
  ));
}

class MyClickableCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        // 这里是点击后的操作
        print('Card tapped!');
      },
      child: Card(
        elevation: 5,
        child: Container(
          width: 300,
          height: 100,
          padding: EdgeInsets.all(20),
          child: Text('Click Me', style: TextStyle(fontSize: 20)),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个自定义的StatelessWidget，名为MyClickableCard。InkWell包裹了Card，并且通过onTap属性处理点击事件。当卡片被点击时，它会输出 "Card tapped!" 到控制台。这样，用户点击卡片时，除了看到水波纹效果，还会有实际的功能执行（在这个例子中是打印一条消息）。

使用GestureDetector的方式相似，只不过它没有水波纹效果，但可以用来处理更多种类的手势，如双击、长按等。

这种方法可以广泛应用于实际开发中，如在商品列表、新闻卡片或任何需要响应点击的场景中。