第一个Flutter App

简单构建一个页面

代码如下：

import 'package:flutter/material.dart';

// app 入口
void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.green,
      ),
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter')
        ),
        body: new Center(
          child: new Text('Hello World'),
        )
      )
    );
  }
}

效果图：

目录配置

1. main() : 程序主入口
2. StatelessWidget: 不需要可变状态的组件
   StatefulWidget: 具有可变状态的组件
3. build()方法来描述用其他较低级别的widget来显示自己
4. MaterialApp 代表使用纸墨设计（Material Design）风格的应用。里面包含了纸墨设计风格应用所需要的基本控件
   Read more: http://blog.chengyunfeng.com/?p=1041#ixzz5ReJhddmU
5. Scaffold 是 Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性