Menu
CoddyTech

什么是 Flutter?

本课属于 Coddy Flutter 学习旅程的“你的第一个应用”单元。第 1 课,共 32 课。

Flutter 是 Google 推出的应用开发工具包。你只需编写一个应用,它就能在 Android 手机、iPhone、网页和桌面电脑上运行。Google Pay 和 BMW 应用等都是用它构建的。

你使用一种叫作 Dart 的语言编写 Flutter 应用。学习过程中,你会一点一点学会所需的 Dart 知识。

Flutter 应用由 组件 构成。组件是屏幕上的一部分:一行文本、一个按钮、一张图片,或一个容纳其他组件的框。这个应用里有几个组件:

void main() {
  runApp(const MyApp());
}

main() 是每个 Dart 程序的起点。runApp 接收一个组件,并将它显示在屏幕上。往下看,在 MyApp 中,你可以看到这个应用显示的组件:一个 Scaffold(空白屏幕)、一个 Center 和一个 Text。你现在不必理解每一行代码。学完本单元后,你就会明白了。

challenge icon

挑战

简单

按下“运行”。你的应用会显示在手机屏幕上。

然后,把 Hello, Flutter! 改成你喜欢的任意文字,保留文字两边的引号,再按一次“运行”查看更改。完成后,按下“检查”。

亲手试试

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

你的第一个应用中的所有课

自己练习: Flutter 在线编译器