2.5.flutter之GridView

///显示结果(滚动列表)
Widget ResultWiget() {
return GridView.builder(
physics: BouncingScrollPhysics(), //滚动效果
scrollDirection: Axis.vertical, //滚动方向(上下)
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3, //每行三列
childAspectRatio: 94 / 48, //显示区域宽高相等
mainAxisSpacing: w7(), //主轴方向(上下) item的间距
crossAxisSpacing: w7(), //横轴方向(左右) item的间距
),
itemCount: itemList.length,
itemBuilder: _itemForRow,
);
}

///item
Widget _itemForRow(BuildContext context, int index) {
return Container(
width: w94(),
height: h48(),
decoration: BoxDecoration(
color: Color(0xFFFCF7F5),
borderRadius: BorderRadius.circular(6.0),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Text(
itemList[index].name,
style: TextStyle(
color: Color(0xFFA36F55),
fontSize: sp14(),
fontFamily: "Roboto",
),
),
Text(
itemList[index].number,
style: TextStyle(
color: Color(0xDE000000),
fontSize: sp14(),
fontFamily: "Roboto",
),
),
],
),
);
}