如何解决Flutter GridView赔率-最后一个像元占据行的完整宽度
赔率Grid View
。有没有一种方法可以使第七项水平居中以占据一行的整个长度?我正在尝试使用GridView
实现以下图像。谢谢您的帮助。
解决方法
您无法使用GridView进行操作,但可以使用flutter_staggered_grid_view库进行操作
@override
Widget build(BuildContext context) {
int count = 7;
return Scaffold(
body: StaggeredGridView.countBuilder(
crossAxisCount: 4,itemCount: count,itemBuilder: (BuildContext context,int index) => new Container(
color: Colors.green,child: new Center(
child: new CircleAvatar(
backgroundColor: Colors.white,child: new Text('$index'),),)),staggeredTileBuilder: (int index) {
if (count % 2 != 0 && count - 1 == index) {
return new StaggeredTile.count(4,1);
}
return new StaggeredTile.count(2,1);
},mainAxisSpacing: 4.0,crossAxisSpacing: 4.0,));
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。