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

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

  class Cart extends StatelessWidget {

    Widget _getData(context,index){
      return Container(
          // color: Colors.blue,
          padding: EdgeInsets.fromLTRB(0, 0, 0,20),
          child: Column(
            children: [
              Image.network(listData[index]["imageUrl"]),
              SizedBox(
                height: 16,
              ),
              Center(
                child: Text(
                  listData[index]["title"]
                ),
              )
            ],
          ),
          decoration: BoxDecoration(
            border: Border.all(
              color: Color.fromRGBO(233, 233, 233, 0.9),
              width: 1,
            ),
          ),
        );
    }
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text("购物车"),
          centerTitle: true,
        ),
        body: Container(
          padding: EdgeInsets.all(20),
          child: GridView.builder(
            itemCount: listData.length,
            itemBuilder: this._getData,
            //gridDelegate和itemBuilder为必传参数
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 2,//必传参数
              crossAxisSpacing: 10,
              mainAxisSpacing: 10,
            ),
          ),
        ),
      );
    }
  }

• 注意：使用GridView.builer的时候设置列的数量是在gridDelegate参数里面