flutter -------- GridView的使用

使用GridView将widget放置为二维列表。 GridView提供了两个预制list，或者您可以构建自定义网格。当GridView检测到其内容太长而不适合渲染框时，它会自动滚动。

GridView 概览

在网格中放置widget
检测列内容超过渲染框时自动提供滚动
构建您自己的自定义grid，或使用一下提供的grid之一:
- GridView.count 允许您指定列数
- GridView.extent 允许您指定项的最大像素宽度

案例效果：

官方文档（相关属性）介绍：

https://docs.flutter.io/flutter/widgets/GridView-class.html

案例代码：

/**** 列表GridView*/
class  UITest3_GridView extends StatelessWidget{List<Container> buildGridList(int count){return new List<Container>.generate(count,(int index) =>new Container(child:  new Image.asset("images/lake.jpg"),)
    );}Widget builGrid(){return new GridView.extent(maxCrossAxisExtent: 150.0,padding: EdgeInsets.all(4),mainAxisSpacing: 4,crossAxisSpacing: 4,children:  buildGridList(30));}@overrideWidget build(BuildContext context) {// TODO: implement buildreturn new Scaffold(appBar: AppBar(title: new Text("GridView"),),body: new Center(child: builGrid(),),);}}

转载于:https://www.cnblogs.com/zhangqie/p/10731133.html

flutter -------- GridView的使用相关推荐

Flutter GridView 组件以及动态 GridView
文章目录一. Flutter 列表组件概述二. Flutter GridView 组件的常用参数三. Flutter GridView.count 实现网格布局四. Flutter GridV ...
flutter GridView 九宫格
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. [x1]微信公众号的每日提醒随时随记每日积累随心而过 [x2]各种系列的视频教程免费开源关注你不会迷路 [x3]系列文章 ...
Flutter——(GridView)使用教程
GridView简介: 可以创建网格列表视图:主要通过Count.extent.custom.builder构造列表.有内边距.是否反向.滑动控制器等属性. 四个属性使用场景,Count.extent ...
Flutter GridView禁止滑动
Flutter 中的GridView禁止用户上下滑动可以使用physics属性 physics: const NeverScrollableScrollPhysics() 更多资源请访问: 超详细图文 ...
flutter gridview 固定高度_Flutter +携程=？
目录主要页面,包括首页.搜索.旅拍和我的四个主页面依赖库实际效果主要页面整体框架采用PageView + BottomNavigationBar ,每个页面的状态保存采用AutomaticK ...
Flutter GridView详解
GridView GridView常用构造 GridView 构造函数 GridView.count 构造函数分析和使用 GridView.extent 构造函数分析和使用 GridView.bu ...
Flutter - GridView
GridView 表格类布局 GridView 在构建是,有两种方式 1 SliverGridDelegateWithFixedCrossAxisCount mainAxisSpacing:主轴方向的 ...
flutter GridView和Wrap
GridView有2种gridDelegate: [记录小嵌套冲突的问题,SingleChildScrollView,ListView,GrilView嵌套问题解决,子布局添加属性] physics: ...
flutter - GridView 网格布局，以及设置子元素的间距和大小
基础的 GridView 布局参数说明 gridDelegate 对子元素进行修饰,由于SliverGridDelegate 是一个抽象类, 找它的实现类有 [SliverGridDelegate ...

flutter -------- GridView的使用

GridView 概览

flutter -------- GridView的使用相关推荐

最新文章

热门文章