Flutter 通过 GridView 实现网格布局

佚名 6年前 (2020-01-17) 随笔 1021人围观抢沙发百度已收录

效果图：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

实现代码：

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Row'),
        ),
        body: GridView.count(
          crossAxisCount: 3,
          children: <Widget>[
            Container(
              child: Text('第一块'),
              color: Colors.red,
            ),
            Text('第二块'),
            Text('第三块'),
          ],
        )
      ),
    );
  }
}