Flutter 应用开发

Flutter 是谷歌的移动UI框架，可以快速在 iOS、Android、Web 等多平台上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作。在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。 目前 Cloud Studio 云端 IDE 支持 Flutter Web 应用开发，其他平台应用开发将在未来陆续支持。

Flutter 程序开发

以一个 Flutter 的 demo 为例

1. 新建一个 Flutter 预置环境工作空间, 该模板已默认安装 Flutter 3.0.1

2. 模板会自动下载依赖包、编译代码和启动项目

这个过程第一次可能会持续 5 到 10 分钟，请耐心等候。

看到这些红色的文字 To hot restart changes while running, press "r" or "R". 说明项目编译好了。

3. 打开端口面板实时预览

点击最右边的按钮弹出预览页面。

4. 修改代码重新编译

点击终端， 按 r 键即可重新编译， 再按预览页面的刷新按钮即可看到实时修改后的效果。

说明

1. 目前 Flutter Web 应用不支持热更新，需要手动刷新页面。
2. 要项目编译完成才能代码预览页面， 否则会一直卡在 Loading 界面。
3. 一直卡在 Loading 界面可尝试刷新预览界面。