Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。
官网链接:https://flutter.dev/
安装
由于我使用的为windows版本的,所以在这只介绍windows版本的安装方式。
首先打开Flutter官网,点击windows来进行windows版本的安装。注意硬件要求:操作系统需要Windows 7 SP1或以上64位版本。硬盘容量剩余>400MB,需要的前提工具:windows控制台,2.X版本的Git。
满足以上要求后,点击下载flutter压缩包。下载后解压到硬盘自定义位置。之后就要进行系统变量的配置。例如我安装在了D盘下的Flutter文件夹下。通过电脑属性打开高级系统设置,设置环境变量将Flutter下的bin文件目录添加到Path目录下,最后用户变量和系统变量都添加上
环境变量配置
若完成以上操作,打开控制台,输入flutter,如出现一下界面则说明配置环境变量成功。检测是否配置成功
完成以上步骤后,按照Flutter下面步骤安装Android Studio,下载完后点击安装包.exe按默认的安装方式即可。下载地址:https://developer.android.com/studio完成安装后即可打开IDE,界面如下所示:
AS界面
继续配置虚拟手机模拟器,点击上方工具栏中Tools,点击第一个AVD Manager,在这里添加你的设备。Create Virtual Device。(话说自己添加的容量咋这么大???)虚拟设备的添加
虚拟调试设备
## 第一个app程序使用命令行初始化自己的第一个Flutter程序。
命令:flutter create 自定义文件名
CMD检测是否初始化成功
出现以上代表执行完成。在AS中打开文件所在位置,若想在虚拟设备上运行程序,需要点击上面的run符号,但我在运行时发现此时一直显示no device,即一直找不到设备,但在上面我已经配置过了呀。出现此问题时的解决方法是:启动Flutter目录下的flutter_console.bat,执行下面的命令:
flutter config –android-sdk /path/to/android/sdk
flutter config –android-studio-dir /path/to/android/studio
其中斜粗体为自己安装时的路径。
之后重启就会发现问题已解决。
不过在运行时又出现了这个问题,
Finished error:ProcessException:Process‘——-\gradlew.bat’ exited abnormally:。
如出现此问题下载他下面给出的链接,然后解压到AS IDE文件夹下就会解决。
文件链接:
https://services.gradle.org/distributions/gradle-4.10.2-all.zip