Flutter “Hello world“ 程代码

代码如下：

// main.dart
import 'package:flutter/material.dart';

void main() {
  runApp(MyClass());
}

class MyClass extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(home: Text('Hello world'));
  }
}
1
2
3
4
5
6
7
8
9
10
11
12

build 函数是 Dart 和 Flutter 尝试在屏幕上绘制内容时最终调用的函数，因此 build 方法需要返回一个组件。
输出没有任何 styling:

如下的代码：

import 'package:flutter/material.dart';

void main() {
  runApp(MyClass());
}

class MyClass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("My First App"),
        ),
        body: Text("This is my default text!"),
      ),
    );
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

对应如下的界面：