Flutter学习-Hello Flutter

【声明：】本文是作者（蘑菇v5）原创，版权归作者 蘑菇v5所有，侵权必究。本文首发在简书。如若转发，请注明作者和来源地址！未经授权，严禁私自转载！

运行效果：

运行效果

main.dart代码如下：

import 'package:flutter/material.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
          appBar: AppBar(
            title: Text("Hello，flutter"),
          ),
          body: Center(
            child:(Text("你好，flutter")),
          )
      ),
    );
  }
}

分析：

第一行：import 'package:flutter/material.dart';表示导入flutter/material.dart包，这个是Flutter实现Material Design设计风格的基础包，里面有许多组件可以使用，不用再自己去造轮子
第二行：void main() => runApp(MyApp());表示程序的入口，Flutter程序在运行的时候，第一个执行的函数就是main()函数，每个项目里面/lib目录下都有main.dart文件
第三行：class MyApp extends StatelessWidget{表示创建MyApp类，这个类继承父类 StatelessWidget，这个父类是无状态组件

后面就是重写父类的 build(BuildContext context)方法，构建自己的MaterialApp视图