首页 > 其他 > 详细

Flutter 通过 GridView 实现网格布局

时间:2020-01-17 18:40:00      阅读:142      评论:0      收藏:0      [点我收藏+]

效果图:

技术分享图片

 

 实现代码:

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(‘第三块‘),
          ],
        )
      ),
    );
  }
}

Flutter 通过 GridView 实现网格布局

原文:https://www.cnblogs.com/GetcharZp/p/12206939.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!