概述

由于本人是做iOS出身的，也不太会写博客，同时也是初学Flutter，所以有问题大家可以评论指出，共同探讨进步。喜欢就点个赞！多谢！

简介

Flutter是谷歌的移动UI框架 ，可以快速在iOS和Android上构建高质量的原生用户界面。采用Dart语言开发。具体的环境搭建，Dart的语法，网上一大堆就不多做介绍了。

第一个Flutter程序

第一个示例也从Hello world 写起，很简单，就实现了一个中心的Title。一个顶部appBar样式。

import 'package:flutter/material.dart';

void main () => runApp(MyApp());

class MyApp extends StatelessWidget
{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello world',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello world',style: TextStyle(color: Color.fromARGB(255, 0, 255, 244)),),
        ),
        body: Center(
          child: Text('Hello world'),
        ),
      ),
    );
  }
}

解释:
首先要导入flutter/material.dart 这个库，这是一个谷歌提供的风格库，暂时一般都用这个吧。

程序的入口是main()函数，void main() => 表示main函数指向的方法，调用了runApp这个方法，传给了一个MyApp的实例化对象。这行代码其实就类似于iOS 中 设置self.window.rootViewController。

MyApp 是一个继承自 StatelessWidget组件的类，需要重写一个父类的build方法，传入的是一个 context上下文。

返回一个MaterialApp实例，这个里面可以设置，title，home，theme等等。

在home里面需要设置一个脚手架，也就是Scaffold组件，实现一个AppBar，类似Navgationbar，同样可以设置title，这个title需要传入一个Text组件。

Body表示页面的主题，传入一个Center组件。Child表示他的子类。

这个实例很简单也没有什么需要讲的。