Window10搭建Flutter for Android环境

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
目前,支持Windows、Linux、Mac OS以及Android和iOS,最新版本也已经支持Web(浏览器)平台。
本文大致记录下Flutter在Windows10下Android环境的搭建过程,一些细节步骤已经忽略。
环境搭建一旦成功,任务就已经成功了80%-90%,开始干!

系统环境

Window10搭建Flutter for Android环境

软件清单

  • JDKjdk-8u91-windows-x64.exe

Window10搭建Flutter for Android环境

  • Android SDKandroid-sdk_r24.4.1.zip installer_r24.4.1-windows.exe

Window10搭建Flutter for Android环境

  • Android Studioandroid-studio-ide-192.6241897-windows.exe

Window10搭建Flutter for Android环境

Window10搭建Flutter for Android环境

Window10搭建Flutter for Android环境

  • Flutterflutter_windows_v1.12.13+hotfix.8-stable.zip

 Window10搭建Flutter for Android环境

Window10搭建Flutter for Android环境

环境变量请参考资料自行添加。

执行flutter doctor时,可能存在问题:

Window10搭建Flutter for Android环境

Android license status unknow.
网上的资料都提示flutter doctor --android-licenses,但是需要升级Android SDK
执行sdkmanager --update,命令窗口提示done,但是依旧提示升级Android SDK
解决:在Android Studio中升级Android SDK Tools到可用最新版本,我这里原来是25.2.5,升级到了26.1.1就可以了!

Window10搭建Flutter for Android环境

Android中新建Flutter工程,打开Android虚拟机,在main.dart窗口右键:

Window10搭建Flutter for Android环境

由于Android Studio比较重量级,很占用系统资源,而大家的电脑并不是都配置很高,此时可以切换到占用资源较小的VS Code上去。
VS Code安装好Flutter插件:

Window10搭建Flutter for Android环境

打开Android虚拟机,打开Flutter工程,打开终端窗口(Ctrl+~):flutter run

Window10搭建Flutter for Android环境

运行速度比Android Studio快多了~
体验热重载:修改下窗口标题,输入r立即执行效果
Window10搭建Flutter for Android环境

Window10搭建Flutter for Android环境

上一篇:Android 触摸事件的传递过程


下一篇:android error type 3 找不到MainActivity的错误