第3周课堂练习
本节为当堂可完成的练习,基于本周 大纲、讲义 与 演示案例 内容。建议在完成「实操任务」后按顺序做。
练习 1:运行本课程 Demo 并修改文案
依据:讲义中「六、运行本课程第3周 Demo」;演示案例 demos/week-03/demo/hello_world。
步骤:
- 打开或克隆课程仓库,进入
demos/week-03/demo/hello_world。 - 在终端执行
flutter pub get,再执行flutter run(或flutter run -d chrome/-d windows)。 - 用编辑器打开
lib/main.dart,将HomePage里显示的'Hello World!'改成你的学号或姓名。 - 保存文件,在运行中的终端按 r 进行 Hot Reload,确认界面文字已更新。
验收:应用能运行,且界面中央显示你修改后的文字。
练习 2:用另一种 IDE 新建项目并运行
依据:大纲「实操任务」中「Android Studio 创建项目」与「VSCode 创建项目」;讲义「七、自己创建 Hello World 项目」。
步骤:
- 若课上已用 Android Studio 建过项目,则改用 VSCode 新建一个 Flutter 项目;反之亦然。
- 项目名称建议:
hello_week3,路径不要含中文。 - 创建完成后,在项目目录执行
flutter run(或选择可用设备后运行)。 - 确认应用能正常启动。
验收:用与「实操」时不同的 IDE 成功创建并运行一个 Flutter 项目。
练习 3:把默认项目改成「一句话」页面
依据:大纲「实操任务」第 4 条「创建 Hello World 项目」;讲义「七、自己创建 Hello World 项目」中的「将默认计数器改为简单 Hello World」。
步骤:
- 在练习 2 创建的项目中,打开
lib/main.dart。 - 删除或注释掉默认的计数器逻辑(如
_CounterWidget、floatingActionButton等)。 - 将首页改为一个只显示一句话的页面,例如:
Text('第3周课堂练习完成'),居中显示。 - 保存后 Hot Reload 或重新运行,确认界面只显示该句话、无报错。
验收:应用运行后,页面中央只显示「第3周课堂练习完成」(或你自拟的等价文案)。