Flutter ①《Hello Word》

HelloWord

至于Flutter的安装配置需要自己动手去研究了，我们这李直接开始学习+研究Flutter。
下面是我们的第一个程序：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Startup Name Generator',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("HelloWord"),
        ),
        body: new Center(
          child: new Text("第一个程序"),
        ),
      ),
    );
  }
}

我估计大家都有以下几点不清楚的：
①“ =>” ：Dart中单行函数或方法的简写。
②“ StatelessWidget”：flutter中万物皆组件，而这个就是无状态组件，这使得应用本身也成为一个组件。
③“ Scaffold”： Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性。
④“ build”：是根据子Widget 来渲染自己。
⑤“ Center”：这里是一个居中组件，该组件将万物皆组件表现的淋漓尽致，通常Center一般都是属性，这里确实组件。
运行图：

image.png