文章目录
- 1. 概念介绍
- 2. 使用方法
- 3. 示例代码
- 4. 经验总结
我们在上一章回中介绍了Image Widget,本章回中将介绍GirdView这种Widget,闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
在Flutter中使用GirdView表示网格状的布局,类似日常办公中使用的Excel,它和ListView一样具有滚动功能,当被显示的内容大于屏幕高度时就让内容在屏幕中
滚动显示。
2. 使用方法
- 创建GirdVeiw对象,并且设置相关属性;这里的属性包含列的数量,行的间距等内容;
- 添加布局中显示的内容,这些内容会依据列的数量自动排列;
以上是大体的思路和步骤,还有一些细节上的知识需要介绍:创建对象使用GirdView类的count()或者excount()方法;设置列的数量使用crossAxisCount命名参数,
设置行的间隔使用crossAxisSpacing命名参数控制。添加布局中的内容时使用children命名参数。
3. 示例代码
Widget girdViewEx = GridView.count(crossAxisCount: 4,crossAxisSpacing: 0.5