Flutter & Dart 零基础入门教程（一）

本教程面向 完全零基础的学习者，
目标是帮助你建立对 Dart 与 Flutter 的清晰认知，
并掌握编程中最核心、最基础的概念。

---

一、Dart 与 Flutter 是什么？

1. Dart 是什么？

Dart 是一门 编程语言。

它的主要特点是：

• 语法简洁，容易上手
• 类型清晰，适合新手
• 专为 Flutter 框架设计

可以这样理解：

Dart = 写程序用的语言

---

2. Flutter 是什么？

Flutter 是一个 跨平台 UI 框架，可以用来开发：

• Android 应用
• iOS 应用
• Web / 桌面应用

Flutter 本身不是一门语言，而是：

使用 Dart 语言来构建界面和功能的工具

---

3. Dart 和 Flutter 的关系

一个非常直观的类比：

对应关系
Dart ≈ JavaScript
Flutter ≈ Vue / React

👉 Flutter 是用 Dart 写的

---

二、Dart 程序的基本结构

1. main 函数：程序的入口

所有 Dart 程序，都从 main() 函数开始执行：

void main() {
  // 程序从这里开始
}

可以把 main() 理解为：

程序的“起点”或“入口”

---

2. 第一个 Dart 程序

void main() {
  print('Hello Dart');
}

代码解释：

代码	作用
void	表示函数不返回值
main	程序入口
{}	函数体
print()	输出内容到控制台

---

3. print() 的作用

print() 主要用于：

• 在控制台输出信息
• 调试程序
• 查看变量的值

print('你好');
print(123);

---

三、变量：程序如何“记住”数据

1. 什么是变量？

变量可以理解为：

用于存储数据的容器

变量的作用包括：

• 保存数据
• 复用数据
• 修改、计算数据

---

2. 变量的基本写法

int age = 18;

拆解说明：

• int：数据类型
• age：变量名
• =：赋值
• 18：变量的值

---

3. 常见的数据类型

int（整数）

int count = 10;

double（小数）

double price = 9.9;

String（字符串 / 文本）

String name = 'Flutter';

⚠️ 字符串需要用 单引号或双引号 包裹。

---

4. 使用和修改变量

void main() {
  int score = 60;
  score = 80;
  print(score);
}

特点：

• 变量的值可以被修改
• 后一次赋值会覆盖前一次

---

四、不可变变量：final 与 const

1. 为什么需要不可变变量？

在程序中，有些值：

• 本身就不应该被修改
• 修改后容易引发错误

例如：

• 圆周率
• 固定配置
• 常量值

---

2. final：运行时确定，不可修改

final int age = 18;

特点：

• 只能赋值一次
• 程序运行时确定值
• Flutter 中非常常用

final time = DateTime.now(); // 合法

---

3. const：编译时确定，不可修改

const double pi = 3.14;

特点：

• 在写代码时就能确定值
• 比 final 更严格

const daysInYear = 365;

---

4. 编译时 vs 运行时（核心理解）

• 编译时确定：写代码时就知道值是多少
• 运行时确定：必须等程序跑起来才知道

const a = 10 + 20;        // 合法（编译时可计算）
final b = DateTime.now(); // 合法（运行时才能知道）

---

5. 实用判断原则（记住这一条就够）

写代码时就能 100% 确定的值，用 const
必须等程序运行后才能确定的值，用 final

如果不确定：

优先使用 final

---

五、总结

通过本教程，你已经掌握了：

• Dart 与 Flutter 的基本概念
• Dart 程序的入口与结构
• 变量与常见数据类型
• 可变变量与不可变变量
• final 与 const 的核心区别和使用场景

这是一切 Flutter 学习的基础地基。

https://mp.weixin.qq.com/s/L33TpXLP2Y5s6A_tNnDKBA

📌 接下来可以继续学习的内容包括：

• 字符串插值
• 条件判断
• 函数
• Flutter 中的 Widget 与 UI 构建