其他笔记Flutter 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

class _home extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _homeState();
  }
}
class _homeState extends State<_home> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
        appBar: new AppBar(
          title: Text("title"),
          centerTitle: true,
        ),
        body: new GridView.count(
//          padding: EdgeInsets.fromLTRB(8.0,0,8.0,0),//上下左右内边距
          mainAxisSpacing: 4.0,//x轴间距
          childAspectRatio: 1.5,//宽高比
          crossAxisSpacing: 4.0,//y轴间距
          crossAxisCount: 3,//行个数
          children: <Widget>[
              new Container(
                color: Colors.deepPurpleAccent,
              ),
              new Container(
                color: Colors.yellow,
              ),
              new Container(
                color: Colors.lightBlue,
              ),
              new Container(
                color: Colors.grey,
              ),
              new Container(
                color: Colors.red,
              ),
              new Container(
                color: Colors.blueGrey,
              ),
          ],
        )
    );
  }
}

效果图
######另一种写法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
class _home extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _homeState();
  }
}

class _homeState extends State<_home> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
        appBar: new AppBar(
          title: Text("title"),
          centerTitle: true,
        ),
        body: new GridView(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            mainAxisSpacing: 4.0,
            //x轴间距
            childAspectRatio: 1.5,
            //宽高比
            crossAxisSpacing: 4.0,
            //y轴间距
            crossAxisCount: 3,
            //行个数
          ),
          children: <Widget>[
            new Container(
              color: Colors.deepPurpleAccent,
            ),
            new Container(
              color: Colors.yellow,
            ),
            new Container(
              color: Colors.lightBlue,
            ),
            new Container(
              color: Colors.grey,
            ),
            new Container(
              color: Colors.red,
            ),
            new Container(
              color: Colors.blueGrey,
            ),
          ],
        )
        );
  }

######效果一样
效果图