Flutter:使用GridView.count实现简单商品列表

  import 'package:flutter/material.dart';
  import 'package:douban_demo/res/ListData.dart';

  class Cart extends StatelessWidget {

    List<Widget> _getData(){
      var tempList = listData.map((item){
        return Container(
          color: Colors.blue,
          child: Column(
            children: [
              Image.network(item["imageUrl"]),
              SizedBox(
                height: 20,
              ),
              Text(
                item["title"]
              )
            ],
          ),
        );

      });
      
      return tempList.toList();
    }
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text("购物车"),
          centerTitle: true,
        ),
        body: GridView.count(
          // 设置交叉轴组件的数量
          crossAxisCount: 2,
          // 设置子组件列表
          children: this._getData(),
          // 设置交叉轴间距
          crossAxisSpacing: 20.0,
          // 设置主轴间距
          mainAxisSpacing: 20.0,
          // 设置整个组件的内边距
          padding: EdgeInsets.all(20),
          // 设置子组件的宽高比例
          // childAspectRatio: 0.7,

        ),
      );
    }
  }