介绍
Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。Flutter 兼容现有的代码,免费且开源。使用Dart语言。
基于Android Studio环境搭建
支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。
安装 Flutter 和 Dart 插件
在Android Studio中安装这两个插件。
- Flutter 插件可以提高 Flutter 在开发过程中的开发效率(运行,调试,热重载等等)。
- Dart 插件提提升了代码层面的开发效率(在你敲代码的同时进行代码校验,代码自动补全等等)。
安装步骤
- 启动 Android Studio。
- 打开插件设置(在 macOS 上路径为 Preferences>Plugins,在 Windows 和 Linux 上路径为 File>Settings>Plugins)。
- 当弹出对话框提示要安装 Dart 插件的时候,点击 Yes 接受。
如果弹出 Restart 需要重启编辑器的时候,点击 Yes 接受。
创建Flutter项目
【注意】
第一次运行时候要选择指定的文件夹,然后点击install SDK 来安装Flutter SDK环境,可能需要下载一会。
Hello Word
在Android Studio中创建项目的时候会有New Flutter Project选项这时候如果本地没有Flutter环境的话 会让你下载。
创建后可以看到IDE的右上角有些功能按钮。
项目目录结构
可以看到这里不但有Android的目录,还有iOS的目录,运行的时候如果有iOS设备以及模拟器的话 是可以直接选择运行的。
右侧闪电的标志支持热重载编译运行。
运行效果
由于我是mac电脑,特意选了一个iOS模拟器,在Android Studio直接运行在iOS设备上还是很爽的。