使用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)
);
} @override
Widget build(BuildContext context) {
// TODO: implement build
return new Scaffold(
appBar: AppBar(
title: new Text("GridView"),
),
body: new Center(
child: builGrid(),
),
);
} }

最新文章

  1. org.springframework.dao.InvalidDataAccessApiUsageException: Parameter value [41] did not match expected type [java.lang.Integer (n/a)];
  2. Web前端开发工具总结
  3. 【iCore3 双核心板_FPGA】例程六:计数器实验——计数器使用
  4. Apache 常用伪静态配置
  5. SQL Server数据库连接类SQLHelper.cs
  6. 实现虚拟机上面的linux系统和windows主机的通信
  7. Java多线程初学者指南(8):从线程返回数据的两种方法
  8. java.util.concurrent.atomic 类包详解
  9. js设置元素的onclick传参方法
  10. ContentProvider URI的组成
  11. Mysql之IN 和 Exists 用法
  12. 把angular项目整合到.net mvc中
  13. 【Unity Shader】2D动态云彩
  14. 7.0-uC/OS-III中断管理
  15. MySQL 之 数据库自动生成ID格式化编号(字符串格式化填充/拼接/时间)
  16. Copycat - StateMachine
  17. test20180921 手机信号
  18. 牛客网国庆集训派对Day3题目 2018年
  19. php扩展memcache和memcached区别?以及memcached软件的介绍
  20. Hadoop周边生态软件和简要工作原理(一)

热门文章

  1. SecureCRT通过密钥登录(网上也有很多教程,但是有些不详细,此教程本人亲测)
  2. sha-hmac
  3. 轻量级集群管理软件-Ansible
  4. 已有的PHP安装gd扩展
  5. C# 获取 串口 设备名称 与 串口号 ManagementObjectSearcher类
  6. Eureka服务端源码流程梳理
  7. was系统的远程调试
  8. 2.3JAVA基础复习——JAVA语言的基础组成函数
  9. HTTP 400错误--请求无效
  10. 依据word模板批量生成试卷