Flutter热重载与热重启教程
Flutter热重载与热重启教程
3 回复
- 热重载:保存代码变更后,Flutter自动更新界面,适合调整UI或逻辑细节。
- 热重启:保存代码变更后,刷新应用状态,适合添加组件或重大改动。
更多关于Flutter热重载与热重启教程的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
- 热重载:修改代码后保存, Flutter 自动更新界面,保留状态。
- 热重启:修改较大时,重启应用,状态丢失。Ctrl+S试一下!
Flutter 提供了热重载(Hot Reload)和热重启(Hot Restart)功能,帮助开发者在开发过程中快速查看代码更改的效果,而无需完全重新启动应用程序。以下是关于如何使用这两个功能的简要教程。
热重载(Hot Reload)
热重载允许你在不重启应用的情况下,快速查看对代码的更改。它适用于大多数UI更改和状态更新。
步骤:
- 在开发环境中运行你的Flutter应用(例如,使用
flutter run
命令)。 - 修改你的代码(例如,更改UI组件或状态逻辑)。
- 在终端或IDE中执行热重载:
- 终端:按下
r
键。 - Android Studio/IntelliJ:点击工具栏上的 🔄 按钮,或使用快捷键
Ctrl + \
。 - VS Code:点击调试工具栏上的 🔄 按钮,或使用快捷键
Ctrl + F5
。
- 终端:按下
注意事项:
- 热重载不会重新运行
main()
函数,因此全局变量和静态变量的初始值不会改变。 - 某些更改(如修改
main()
函数或添加/删除类)可能需要热重启或完全重启应用。
热重启(Hot Restart)
热重启会重新启动应用,但比完全重启更快。它会重置应用的状态,并重新运行 main()
函数。
步骤:
- 在开发环境中运行你的Flutter应用。
- 修改你的代码(例如,更改
main()
函数或全局变量)。 - 在终端或IDE中执行热重启:
- 终端:按下
R
键(大写)。 - Android Studio/IntelliJ:点击工具栏上的 🔄 按钮,或使用快捷键
Ctrl + Shift + \
。 - VS Code:点击调试工具栏上的 🔄 按钮,或使用快捷键
Ctrl + Shift + F5
。
- 终端:按下
注意事项:
- 热重启会重置应用的状态,因此所有变量和状态都会重新初始化。
- 热重启速度比完全重启快,但仍需要重新编译和加载应用。
通过使用热重载和热重启,你可以显著提高开发效率,快速迭代和测试你的Flutter应用。