flutter - Flutter 如何在 GridView.count 中获取 onTap() 命令
问题描述
我是 Flutter 的新手,如何在 gridview.count 中获取 onTap 命令
我试图使图像可点击,但我无法在 gridview.count 中获取命令 onTap
Widget buildBody() {
return SafeArea(
child: Container(
padding: EdgeInsets.all(20.0),
child: Column(
children: <Widget>[
Expanded(
child: GridView.count(
crossAxisCount: 2,
padding: EdgeInsets.all(20),
crossAxisSpacing: 20,
mainAxisSpacing: 20,
children: _products
.map(((item) => Card(
child: Container(
decoration: BoxDecoration(
image: DecorationImage(
image: Image.asset(item.imageUrl),
fit: BoxFit.fill)),
),
)))
.toList(),
)),
],
),
));
}
这是我得到的图像列表
List<Product> _products = <Product>[
Product("Özel Kesim Magnet", "Özel Kesim Magnet", "assets/icons/ökm.png"),
Product("Kuşe Etiketler", "kş", "assets/icons/ke.png"),
Product("Opak Etiketler", "oe", "assets/icons/oe.png"),
Product("Şeffaf Etiketler", "şe", "assets/icons/şe.png"),
Product("Kutu Kesim", "ks", "assets/icons/kk.png"),
Product("Tam Kesim", "tk", "assets/icons/tk.png"),
Product("Özel Kesim", "ÖK", "assets/icons/ök.png"),
Product("Folyo Kesim", "fk", "assets/icons/fk.png")
];
解决方案
GestureDetector
用或包裹您的卡片InkWell
。
GestureDetector(
onTap: () {},
child: Card(...),
);
推荐阅读
- python - lock discord channel for a specific role
- angular - 订阅中的订阅更好地使用 switchMap 以 angular2+ 编写
- pentaho - 需要没有数组的 Pentaho JSON
- windows - 在 Windows 上使用 emscripten 将 Rust 编译为 webassembly 时出错
- python - Python argparse.ArgumentParser - 以数字开头的选项名称?
- java - Jackson - 反序列化嵌套的 JSON 字符串
- python - 为什么多处理会减慢嵌套的 for 循环?
- java - 为什么我在 servlet 的请求参数中得到空值?
- reactjs - 使用 props 和 HOC 测试组件
- r - 如何根据 R 中的多个条件定义新的数据框列?