hello flutter 示例

// 引入material组件库，官方内置的组件库
import "package:flutter/material.dart";
// 定义入口函数
void main() {
  // 系统函数，用来执行组件渲染
  // MyApp是一个组件，它的命名是系统规定好的，不过也可以修改，但是要一并修改。
  runApp(MyApp());
}
// 简写
// void main() => runApp(MyApp());
// 无状态组件（静态组件）StatelessWidget
// 有状态组件（动态组件）StatefulWidget
// 所有的组件都是一个类，类型是Widget
// MyApp是一个静态组件，最外层的组件，在 MyApp 这个组件中，很多都是规定好的。
class MyApp extends StatelessWidget {
  // build是一个系统规定好的渲染函数，每一个静态组件中都需要传递一个build函数，不然无法进行ui渲染
  // 返回值是一个组件，Widget是返回值的类型
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'app', //类似于html中的title，但是不会显示在页面上，但是页面收起来的时候会看到。
        // 规定当前组件的默认颜色
        theme: ThemeData(primarySwatch: Colors.blue),
        // 传递一个自定义组件
        home: MyHomePage());
  }
}
class MyHomePage extends StatelessWidget {
  Widget build(BuildContext context) {
    // return Text('flutter');
    // 脚手架工具，可以调用很多的组件
    return Scaffold(
      // Material提供的组件
      appBar: AppBar(
        title: Text('flutter demo'),
      ),
      // Center是一个居中的组件
      body: Center(
        child: Text('hello flutter'),
      ),
    );
  }
}