Flutter：Select GridView 内的卡片

Question

我有一个应用程序可以在 GridView 中的卡片中显示数据，如下所示：

GridView.count(
          crossAxisCount: 2,
          children: <Widget>[
            _customCard(
              imageUrl: image1, item: item1, price: price1, count: count1
            ),
            _customCard(
              imageUrl: image2, item: item2, price: price2, count: count2
            ),
            _customCard(
              imageUrl: image3, item: item3, price: price3, count: count3
            ),
            _customCard(
              imageUrl: image4, item: item4, price: price4, count: count4
            ),
          ],
        ),

我想在按下时根据其在列表中的索引获取指定的卡片名称，就像我们在 ListView 中所做的那样。

 class item {
  final String name;
  final int count;
  final String imageUrl;
  final double price;

  item({this.name, this.imageUrl,  this.count, this.price});
}

List<item> tops = [
  new item(
      imageUrl: "tshirt.png",
      name: "T-shirt",
      count: 0,
      price: 0.50
  ),
  new item(
      imageUrl:   "shirt.png",
      name: "Shirt",
      count: 0,
      price: 0.80
  ),

有没有办法用 GridView 做到这一点，或者我应该尝试其他方法吗？

Answer 1

您可以使用 Gridview.builder 并使用其 index 从列表中获取相关对象：

return GridView.builder(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
        physics: ScrollPhysics(),
        itemCount: _customCards.length,
        itemBuilder: (BuildContext context, int index){
         return Inkwell(child:_customCards(
          imageUrl: image[index], item: item[index], price: price[index], count: count[index]),
          onTap(){
            print(tops[index]);
           }
        ),
        }
        );*

Flutter：Select GridView 内的卡片

Flutter: Select Card inside GridView

listview

gridview

dart

flutter