用户登录

我把前面用 GridView.count 做的网格视图放在了一个单独的 class 里了 .. 除了这个 GridView.count,我们还可以使用 GridView.extent 这个方法来创建一个网格视图 .. 他们的用法都差不多 ..

先复制一份这个 GridViewCountDemo .. 修改一下类的名字 .. 换成 GridViewExtentDemo .. 然后在 ViewDemo 里面,用一下这个 GridViewExtentDemo ..

修改一下创建网格视图用的方法 .. 把 count 换成 extent .. 换成这个方法以后 crossAxisCount 属性就会报错 .. 因为这个属性是 GridView.count 里面特有的 .. 去掉这个属性 ..

现在 GridView.extent 会有提示 .. 鼠标放上去 .. 会提示我们说方法里面需要一个 maxCrossAxisExtent 属性 .. 它设置的就是网格视图里的项目在交叉轴上的最大的尺寸 .. 比如把它设置成 150 ..

网格视图的主轴是横轴 .. 因为 scrollDirection 的值是 Axis.horizontal .. 所以这个 maxCrossAxisExtent 设置的就是项目在竖轴上的最大的高度 ..

再试一下,把主轴换成竖轴 .. 现在 maxCrossAxisExtent 属性设置的就是项目的最大的宽度 ..

GridView.extent《 Flutter 移动应用:视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点