Flutter在Android Studio上的初启动

简介

Flutter是Google的移动UI框架，用于在iOS和Android上制作高效的原生应用。根据官方的Flutter文档，它是一个现代的Reactive框架，用于使用单一代码库开发跨平台的移动应用程序。尽管谷歌没有这么说，但开发者社区的许多人都认为这是Google对Facebook的React Native和Microsoft Xamarin.Forms的回答。

在本文中，我们将在Android Studio中设置Flutter开发环境，并执行New Flutter Project模板生成的默认代码。现有的Android开发人员可以使用Android Studio轻松地开始这方面的工作，但是，根据Flutter文档，也支持 Visual Studio Code 和  JetBrains IntelliJ IDEA IDE。

此博客是官方安装文档的简化版本，侧重于国内设置与Android Studio相关的环境。

Windows上的安装步骤

1. 下载并安装 Android Studio。
    
2. 使用安装期间启用的Windows命令提示符选项中  的  使用Git 安装 Git For Window。
    
3. 通过在“运行”窗口中编写cmd 或使用“  开始”菜单（  如“开始”=>“Windows系统”=>“命令提示符”（在Windows 10中）或快捷键Windows + R 打开命令提示符 
    
4. 在命令提示符中，输入下面两条语句：

   set PUB_HOSTED_URL=https://pub.flutter-io.cn                  

    

   set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

                                                                            
5. 获取Flutter SDK：在终端窗口中编写并执行以下代码：

   git clone -b beta https://github.com/flutter/flutter.git

    

6. 执行上述命令后，Flutter将被下载到您执行命令的文件夹中，现在为了运行Flutter命令我们需要通过以下步骤为当前用户设置Path环境变量                                                                                           
7. 重新启动Windows以完全应用此更改
8. 现在再次打开  命令提示符 并执行 Flutter Doctor命令，它将检查您的环境并向终端窗口显示报告，如下面的屏幕截图，也会显示错误; 在我的情况下，它要求我安装Android SDK和赋予权限（如果没有就跳过）：

     
虽然上面两个错误并不影响Flutter项目的创建，然而如果不管它们的话，你会发现运行项目的时候，Android Studio检测不到你的虚拟机或者模拟器，哪怕是真机也不行。因此针对以上的问题我们还是处理一下的好，况且原因和解决办法图上面都提示了：

执行命令：flutter doctor --android-licenses

$ flutter doctor --android-licenses
 Accept? (y/N): y 

按照提示输入y就好了。

这还没完，我们还需要在系统变量中添加Android SDK的路径：

在系统变量的Path路径后面添加上%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

在命令提示符中输入adb，出现以下信息就说明成功了：

再次输入flutter doctor查看，知道没有任何问题：

1. 现在打开Android Studio。在欢迎屏幕上，单击  Configure => Plugins，如下面的屏幕截图所示：             
2. 在Next屏幕上，单击  以下屏幕截图中突出显示的Browse 按钮：
3. 现在在浏览屏幕上，通过在搜索栏中键入Flutter来搜索Flutter，然后单击Install按钮，如下面的屏幕截图所示：
4. 这将要求安装Dart，因为Flutter依赖于Dart。为该对话框选择“是”并同时安装它们。
5. 插件安装完成后，它将显示重启后重启Android Studio的 消息，  并  在欢迎屏幕上显示启动新的Flutter项目 ，就像下面的屏幕截图一样。                               
6. 在欢迎屏幕上单击  开始新的Flutter项目，您将看到以下屏幕以选择Flutter项目类型，默认   选择Flutter Application，用于创建Flutter移动应用程序，只需单击   Next  按钮：
7. 输入项目名称（所有小写字母），项目位置，描述（如果需要），然后单击“  下一步” 按钮 ，接下来和创建Android项目一致，最后呈现的画面如下          
8. 当您单击“运行”按钮以在Android设备上执行默认代码时，这是输出：

注意：

最好把你的Android Studio升级至3.1及以上。

在运行项目的时候，它可能一直停留在 initializing gradle很久很久，那是因为它在下载gradle-4-1-all安装包，如果你打开你的

C:\Users\你的用户名\.gradle\wrapper\dists 就会发现多了这么一个文件夹，这个文件有89M,所以网络不给力的话是会下很久很久的，那么我们可以先把这个gradle.zip安装包下载下来，然后放到项目中这个位置就可以了

 

另外还有一种方法，没有亲测过，如果上面的方法没有效果，可以试一下：

• 尝试手动安装gradle（https://services.gradle.org/distributions/gradle-4.6-bin.zip），然后解压缩
• 打开<你的flutter项目> / android / gradlew文件
• 查找：CLASSPATH = $ APP_HOME / gradle / wrapper / gradle-wrapper.jar 
  并替换为：CLASSPATH = /gradle-4.6/lib/gradle-launcher-4.6.jar
• 查找：CLASSPATH = $ APP_HOME / gradle / wrapper / gradle-wrapper.jar 
  并替换为：CLASSPATH = /gradle-4.6/lib/gradle-launcher-4.6.jar
• flutter run