Flutter学习 — 创建一个 grid List
2023-09-14 09:04:26 时间
效果图:
代码+注释:
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
final title = 'Grid List';
return new MaterialApp(
title: title,
home: new Scaffold(
appBar: new AppBar(
title: new Text(title),
),
body: new GridView.count(
// Create a grid with 2 columns. If you change the scrollDirection to
// horizontal, this would produce 2 rows.
/**
* 创建一个包含2列的网格。 如果将scrollDirection更改为水平,这将产生2行。
*/
crossAxisCount: 2,
// Generate 100 Widgets that display their index in the List
// 生成100个在列表中显示其索引的小部件,参数一: 数量,参数二: 下标
children: new List.generate(100, (index) {
return new Center(
child: new Text(
'Item $index',
style: Theme.of(context).textTheme.headline,
),
);
}),
),
),
);
}
}
喜欢记得点个赞哟,我是王睿,很高兴认识大家!
更多原理请参考谷歌官网:创建一个 grid List
相关文章
- rsync 笔记之 list
- Java集合中List,Set以及Map等集合体系详解
- python中列表(list)函数及使用
- 数组、List和ArrayList的区别
- Bison matching list
- (LeetCode 86)Partition List
- [AngularFire 2 ] Hello World - How To Write your First Query using AngularFire 2 List Observables ?
- How where used list in SAP GUI is implemented
- SAP Spartacus B2B List里的listData$设计原理
- SAP Spartacus list view里注释掉router-outlet的后果
- 如何自行查询SAP Spartacus Organization Unit List的取数逻辑
- paip.元数据驱动的转换-读取文件行到个list理念 uapi java php python总结
- flutter list.any里的return还有return
- java笔记:流式编程 数组与List集合互转
- 跳跃列表(Skip List)与其在Redis中的实现详解
- spring xml properties split with comma for list
- Java List 转 String
- Dubbo报错RpcException: Forbid consumer access service from registry use dubbo version , Please check registry access list (whitelist/blacklist).)