如何在Flutter中使用网格布局制作这种类型的布局

时间:2018-12-19 05:49:27

标签: dart flutter flutter-layout

enter image description here

在一个屏幕中的多个网格布局

2 个答案:

答案 0 :(得分:2)

ListView内有GridViews,请不要忘记shrinkWrap的{​​{1}}真

GridViews

答案 1 :(得分:0)

由于您一次又一次地重复使用某些代码,并占用了一些内存。我们为什么不动态生成这些代码行?是的,我是新手。

Text("Title 1"), GridView.builder( physics: NeverScrollableScrollPhysics(), shrinkWrap: true, gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 5, crossAxisSpacing: 5.0, mainAxisSpacing: 5.0, ), itemCount: 10, itemBuilder: (context, index) { return Container( color: Colors.blue, child: Text("index: $index"), ); }, ),