专注前端,专注网页设计分享 - (网页制作/模板制作/设计)755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | Tag标签 | 联系站长
当前位置:首页 > APP开发

Flutter 系统化学习 — Day1 完整详细教程

时间:2026-06-10 17:08:32来源:学技巧网站制作 作者:新建 阅读:0次 【 点评一下

今日目标

  1. 学会新建纯Dart项目(只练语法,不和Flutter页面混在一起)
  2. 掌握 Dart 程序入口 main 函数
  3. 学会三种变量声明:var / final / const
  4. 吃透5种基础数据类型
  5. 学会字符串拼接、插值 ${变量}
  6. 完成随堂练习 + 课后作业 学习时长:3~4小时 前置基础:你会HTML,类比JS理解会更快;Dart语法和JavaScript相似度很高,但规则更严格。

一、新建纯Dart项目(只写语法,不涉及APP页面)

步骤

  1. 打开 Android Studio
  2. 首页点:New Project
  3. 在左侧菜单选择:Dart → Dart Empty Project(不要选Flutter Application)
  4. 填写项目信息
    • Project name:dart_learn_day1(只能英文小写,无中文、无空格)
    • 存放路径:放在纯英文文件夹里,例如 D:\code\dart_study
  5. 点击 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";

三者简单区分记忆

  1. var:值可以后续修改,类型不能换
  2. final:赋值一次,终身不能改
  3. 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 易错坑点(新手高频报错,提前注意)

    1. Dart严格区分大小写 Print 错误,必须小写 printString 首字母必须大写
    2. 每一行执行语句,结尾必须加英文分号 ;,漏写会爆红报错
    3. 引号不能中英文混用:外面双引号,内部不能直接写中文引号
    4. 项目路径、项目文件夹名字,不能出现中文,容易运行失败

    完成后明天预习内容

    Day2 学习:算术运算符、判断if、三目运算符,开始做逻辑判断练习。

    你今天先把Day1知识点看完,敲完随堂代码,写完两份作业。 写完之后把代码发我,我帮你批改,没问题我再发 Day2 的完整讲义。 过程中任何爆红报错、看不懂的地方,直接截图粘贴代码问我就行。


    • 用微信  “扫一扫”

      将文章分享到朋友圈。

      关注公众号:xue-jiqiao

    本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!