【Flutter】GridView的使用之GridView.extent

想了解更多关于Flutter的知识，可以关注：
https://github.com/jiangkang/flutter-system
https://jiangkang.tech

在上一篇文章 GridView.count 中讲过 GridView.count的用法，这里讲一下GridView.extent的用法。

GridView.count 是在交叉轴上创建固定个数的Item，crossAxisCount为必须的属性，表示交叉轴Item的个数；
GridView.extent是在交叉轴上创建最大可容纳的Item，maxCrossAxisExtent是必须的属性，表示交叉轴上Item最大的宽度；

如果GridView的主轴是纵轴，横轴是交叉轴（默认情况），设定交叉轴的宽度为500px，maxCrossAxisExtent 为 150，由于4x150 < 500 < 5 x150，因此Item有4个，500px/ 4 = 125px,因此Item的宽度为125px（不考虑Item之间的间距）。

下面看一下具体的例子：

maxCrossAxisExtent = 1000:
maxCrossAxisExtent = 100:
maxCrossAxisExtent = 10:

【Flutter】GridView的使用之GridView.extent相关推荐

java使用gridview,网格控件GridView在Android中的使用
我们在上面之前发表过一篇"使用Gallery实现缩略图浏览器",今天介绍另一种类似的控件,但是该控件是以网格的方式显示的,也就是说,当我们使用它来显示一组图片,结果图片将会以类似九 ...
android比较常用的布局,Android_九宫图比较常用的多控件布局(GridView)使用介绍，GridView跟ListView都是比较常用的 - phpStudy...
九宫图比较常用的多控件布局(GridView)使用介绍 GridView跟ListView都是比较常用的多控件布局,而GridView更是实现九宫图的首选!本文就是介绍如何使用GridView实现九宫 ...
Flutter的菜鸟教程九:GridView
本文将介绍一个新的内容 GridView,之前我们使用Container实现了一个网格效果,但只是为了学习组合widget,下面我们将通过GridView来实现网格效果这里只介绍四种方式实现网格布 ...
Flutter 案例学习之：GridView
GitHub:https://github.com/happy-python/flutter_demos/tree/master/gridview_demo 在 ListView 中,如果将屏幕的方向 ...
【Flutter】GridView的使用之GridView.count
想了解更多关于Flutter的知识,可以关注: https://github.com/jiangkang/flutter-system https://jiangkang.tech GridView属 ...
Flutter GridView 组件以及动态 GridView
文章目录一. Flutter 列表组件概述二. Flutter GridView 组件的常用参数三. Flutter GridView.count 实现网格布局四. Flutter GridV ...
Flutter 设置Container高度自适应GridView和ListView
参考 1.去掉Container的高度 2.添加下面语句 physics: NeverScrollableScrollPhysics(),shrinkWrap: true, 完整代码如下 Widget ...
Gridview导出到Excel,Gridview中的各类控件,Gridview中删除记录的处理
Asp.net 2.0中新增的gridview控件,是十分强大的数据展示控件,在前面的系列文章里,分别展示了其中很多的基本用法和技巧(详见< ASP.NET 2.0中Gridview控件高级技巧 ...
GridView总结二：GridView自带编辑删除更新
GridView自带编辑删除更新逻辑很简单:操作完,重新绑定.总结总结,防止忘记... 效果图: 前台代码: <%@ Page Language="C#" AutoEvent ...

【Flutter】GridView的使用之GridView.extent

【Flutter】GridView的使用之GridView.extent相关推荐

最新文章

热门文章