Flutter Androoid Mac环境配置和坑

版本说明

Android Studio 3.6
Flutter 1.12.13+hotfix.8

获取Flutter SDK

1.首先去官网下载Flutter的SDK ,如果访问速度过慢，建议将下面的源加入到环境配置当中

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.将flutter
SDK解压后添加到PATH中

export PATH=你的flutter SDK路径/bin:$PATH

下载Android Studio

1.目前android Studio好像已经集成了JDK和SDK,下载完后一步步安装好就可以运行了
2.配置android Studio环境变量

#Android 环境变量
export ANDROID_HOME=你的Android Studio SDK路径
#Android 模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
#Android tools 路径
export PATH=${PATH}:${ANDROID_HOME}/tools
#Android 平台工具路径
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

Android Studio 的路径可以直接在编译器里看到

image.png

这里遇到了第一个坑
那就是根据官网的文档和网上能搜到的教程，在文件夹里是找不到SDKMAnager.bat这个文件的，tools路径也是没有的，这里不用管他，把你的Android Studio SDK路径贴上去就好。参考笔者全部配置好的环境变量如下：

image.png

3.在android studio上安装Flutter和Dart插件

image.png

目前3.6版本的As安装flutter的时候的会自动把Dart也装上，如果没有请在另外安装Dart插件，这里我用的是测试机开发，所以android模拟器就没有下载了，需要模拟器的可以自行下载

运行Flutter

在命令行输入

 flutter doctor  

如果提示找不到flutter 可能是没有刷新终端，这个时候输入

source $HOME/.bash_profil

再运行flutter doctor，第一个可能时间会有点慢，等待后会显示是否需要安装其它依赖项

这个时候第二坑又来了，和上一个SDKManager的路径有关，因为找不到SDKManager，所以会一直提示
✗ Android license status unknown.
Try re-installing or updating your Android SDK Manager
当时我找遍了全网也没有一个可行的方法，索性直接跳过这一步，忽略这个问题，却发现，好像对后续没有什么影响....

image.png

创建Flutter项目

重启Android Studio后，选择创建Flutter project

在这里我遇到了第三个坑，mac提示无法打开idevice_id

image.png

按照网上的解决办法，打开终端，运行以下命令：

sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/libimobiledevice/idevice_id
sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/libimobiledevice/ideviceinfo
sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/usbmuxd/iproxy

最后点击run运行项目：

你以为这就大功告成了？

第四个坑又出来了

卡在Running Gradle task 'assembleDebug'...
其实做过安卓开发的都知道，这是因为没有翻墙，下载Gradle的网速太慢，这时：

• 修改项目中android/build.gradle文件

buildscript {
    repositories {
        //修改的地方
        //google()
        //jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}

allprojects {
    repositories {
        //修改的地方
        //google()
        //jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}

*再修改Flutter的配置文件, 该文件在Flutter安装目录/packages/flutter_tools/gradle/flutter.gradle

buildscript {
    repositories {
        //修改的地方
        //google()
        //jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}

重启as，点击run，等build完成后

image.png

此处应有掌声，我仿佛听到你在夸我帅