python gridview_Flutter 案例学习之：GridView

import 'package:flutter/material.dart';

import'package:gridview_demo/model/city.dart';

import'package:gridview_demo/utils.dart';classMyGridView extends StatelessWidget {

final ListallCities;

MyGridView(this.allCities);

@override

Widget build(BuildContext context) {returnGridView.count(

crossAxisCount:3,

padding: EdgeInsets.all(10.0),

children: allCities.map((City city) {return_getGridViewItemUI(context, city);

}).toList(),

);

}

Widget _getGridViewItemUI(BuildContext context, City city) {returnInkWell(

onTap: () {

showSnackBar(context, city);

},

child: Card(

elevation:4.0,

child: Column(

children:[

Image.asset(

city.image,

fit: BoxFit.cover,

),

Column(

mainAxisAlignment: MainAxisAlignment.center,

crossAxisAlignment: CrossAxisAlignment.center,

children:[

Text(

city.name,

style: TextStyle(fontSize:14.0, fontWeight: FontWeight.bold),

),

Text(

city.country,

style: TextStyle(

fontSize:13.0,

),

),

Text("Population: ${city.population}",

style: TextStyle(

fontSize:11.0,

),

),

],

),

],

),

),

);

}

}