HelloFlutter

使用一个新的框架，都是从helloworld开始。show me the code！由此开始我们和flutter正式见面。接下来是一个简单的示例。

import 'package:flutter/material.dart';//导入文件，与java import，c的include类似
void main()=> runApp(MyApp());//程序入口main函数
/// MyApp代表当前窗口现实的控件，可以理解为一个页面
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context)=>MaterialApp(//页面有一个叫做MaterialApp的控件构成，它是一个遵循MD风格的控件，他又可以由一些控件组合而成
    title: 'hello world',
    home: Scaffold(//Scaffold可以理解为MaterialApp的骨架，它包含appbar，body，floatingActionbar等元素，其中appbar表示一个MD风格的标题栏，body代表页面的主要内容。。。
      appBar: AppBar(
        title: Text('hello flutter'),
      ),
      body: Center(
        child: Text('hello flutter'),
      ),
    ),
  );
}

简单的示例到此结束，模拟器运行显示如下图

当然你也可以参考flutter官方提供的demo，新建工程，它可以自动创建一个带交互的demo，相比之下，本文的demo更加简单，也更容易初步的去了解flutter。

源码比较简单，都贴出来了，直接copy到main.dart就可以运行。
下一节介绍flutter基础控件之一，文本显示控件。