Flutter 系统化学习 — Day1 完整详细教程
今日目标
学会新建纯Dart项目(只练语法,不和Flutter页面混在一起) 掌握 Dart 程序入口 main函数学会三种变量声明: var/final/const吃透5种基础数据类型 学会字符串拼接、插值 ${变量}完成随堂练习 + 课后作业 学习时长:3~4小时 前置基础:你会HTML,类比JS理解会更快;Dart语法和JavaScript相似度很高,但规则更严格。
一、新建纯Dart项目(只写语法,不涉及APP页面)
步骤
打开 Android Studio 首页点:New Project 在左侧菜单选择:Dart → Dart Empty Project(不要选Flutter Application) 填写项目信息 Project name: dart_learn_day1(只能英文小写,无中文、无空格)存放路径:放在纯英文文件夹里,例如 D:\code\dart_study点击 Finish,等待加载完成
打开核心文件
左侧目录展开,打开:bin/main.dart 所有Dart代码,都写在这个文件里。
二、Dart固定入口结构(必须记住)
任何一段可运行的Dart代码,必须有 main(){},程序从这里开始执行。
// 程序唯一入口,固定写法,不能改名
void main() {
// 所有执行代码,都写在大括号内部
}void:代表这个函数没有返回值main:入口函数名,关键字,不能自定义名字print("内容"):控制台打印输出,相当于前端console.log()
测试代码,运行看效果
把下面代码完整粘贴进去,手动敲一遍,不要复制:
void main() {
print("Hello Dart!");
print("我开始学习Flutter前置语言");
}运行方式
代码右上角 ▶️ 绿色三角 → 点击 Run 'main' 下方控制台会出现打印文字,代表运行成功。
三、变量声明三种方式(重点,必考)
1. var 自动推导类型(最常用)
不用手动写类型,Dart会根据赋值内容,自动识别是什么类型。
void main() {
var userName = "张三";
var userAge = 25;
print(userName);
print(userAge);
}⚠️ 规则: var 第一次赋值是什么类型,后面不能改成别的类型 例如:先赋值文字,后面不能再存数字,会直接报错。
2. final 最终变量(赋值一次,后续不允许修改)
void main() {
final String appName = "学习Demo";
// appName = "新名字"; 这里放开会报错,final不可二次修改
print(appName);
}3. const 编译期常量
值在代码写死的时候就固定,全程不能改动,多用于固定不变的文字、颜色。
const String version = "1.0.0";
三者简单区分记忆
var:值可以后续修改,类型不能换 final:赋值一次,终身不能改 const:代码写好就固定,严格常量
四、Dart五大基础数据类型
① String 字符串(文字)
单引号、双引号都可以包裹文字
void main() {
String str1 = '使用单引号';
String str2 = "使用双引号";
print(str1);
print(str2);
}② int 整数(纯数字,不带小数点)
int num1 = 66;
③ double 浮点小数
double num2 = 3.14;
④ bool 布尔值
只有两个值:true(真) / false(假),全部小写
bool isLogin = true;
⑤ List 数组(今天简单认识,Day4系统学)
List list = ["苹果", "香蕉"];
五、字符串两种拼接写法
方式1:加号拼接(和JS一样)
void main() {
var name = "小李";
var age = 20;
String info = "姓名:" + name + ",年龄:" + age.toString();
print(info);
}方式2:插值 ${变量}(Dart最推荐,日常开发首选)
大括号内可以直接写变量、简单运算,不用加号,可读性更强
void main() {
var name = "小李";
var age = 20;
String info = "姓名:$name,明年年龄:${age + 1}";
print(info);
}⭐:小规则:单纯变量只写 $变量名;带计算、语句,必须包裹 ${}六、今日随堂练习(手动逐行敲完,不要复制)
新建一段完整代码,自己手打运行:
void main() {
// 1. 定义变量
var nickName = "小开发";
final int height = 175;
const String course = "Flutter入门";
// 2. 拼接信息
String msg = "昵称:$nickName,身高:$height,学习课程:$course";
// 3. 控制台打印
print(msg);
}运行成功后,试着自行修改昵称、数字,观察控制台变化。
七、今日课后作业(必须独立写完,检验吸收程度)
作业1
定义5个变量,类型分别为:字符串、整数、小数、布尔、var,全部用 print 打印输出。
作业2
使用字符串插值 ${},整合一段个人信息,内容包含:姓名、城市、今年岁数、爱好,最终拼接成一整段文字打印。
作业书写模板(照着结构写)
void main() {
// 在这里写你的变量
// 在这里拼接字符串
// 打印结果
}作业提交方式
写完之后,可以把完整代码发给我,我帮你批改、指出不规范写法、报错隐患。
八、Day1 易错坑点(新手高频报错,提前注意)
Dart严格区分大小写 Print错误,必须小写print;String首字母必须大写每一行执行语句,结尾必须加英文分号 ;,漏写会爆红报错引号不能中英文混用:外面双引号,内部不能直接写中文引号 项目路径、项目文件夹名字,不能出现中文,容易运行失败
完成后明天预习内容
Day2 学习:算术运算符、判断if、三目运算符,开始做逻辑判断练习。
你今天先把Day1知识点看完,敲完随堂代码,写完两份作业。 写完之后把代码发我,我帮你批改,没问题我再发 Day2 的完整讲义。 过程中任何爆红报错、看不懂的地方,直接截图粘贴代码问我就行。
-
用微信 “扫一扫”
将文章分享到朋友圈。
关注公众号:xue-jiqiao
本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!
- 1 Flutter新手入门·第一天完整实操手册Windows+Android Studio
- 2 Flutter系统化学习 — Day2 完整详细教程【二】
- 3 Flutter 多端开发新手入门指南(极简路线,从零到可上手)
- 4 2 个可直接复制运行的入门示例,基于最新 Flutter + Dart 空安全,包含注释,跟着练就能上手
- 5 AI 能否辅助 Flutter 安卓/ios开发
- 6 零基础(仅会 HTML)Flutter + Android Studio 完整入门路线(Windows 环境,循序渐进详细方案)
- 7 Flutter 系统化全天学习排课计划(总周期:42天,网页HTML转行适配版)【一】
- 8 Flutter 系统化学习 — Day1 完整详细教程



