第7章页面布局-Column垂直布局-示例二

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

void main() => runApp(
  new MaterialApp(
    title: '垂直布局示例',
    home: new LayoutDemo(),
  ),
);

class LayoutDemo extends StatelessWidget {


  @override
  Widget build(BuildContext context) {

    return new Scaffold(
      appBar: new AppBar(
        title: new Text('垂直布局示例二'),
      ),
      //文本按重起方向排列
      body: new Column(
        crossAxisAlignment: CrossAxisAlignment.start,//水平方向靠左对齐
        mainAxisSize: MainAxisSize.min,
        children: [
          new Text('Flutter是谷歌的移动UI框架'),
          new Text('可以快速在iOS和Android上构建高质量的原生用户界面'),
          new Text('Flutter可以与现有的代码一起工作。在全世界'),
          new Text('Flutter正在被越来越多的开发者和组织使用'),
          new Text('并且Flutter是完全免费、开源的。'),
          new Text('Flutter!', style: TextStyle(fontSize: 36.0,)),//放大字号
        ],
      ),
    );

  }
}

Flutter技术入门与实战: http://product.dangdang.com/26485813.html
Flutter交流学习群：894109159
Flutter开源项目请关注: https://github.com/kangshaojun
Flutter****：https://edu.csdn.net/lecturer/2436

@作者: 亢少军

第7章页面布局-Column垂直布局-示例二