Flutter入门(5):使用 Android Studio 开始 Flutter 编程

1. SDK下载与环境变量

SDK下载与环境变量

2. IDE 安装

Xcode,Android Studio安装,以及 flutter 支持

3. 创建 flutter 项目

例如:主工程目录为 $HOME/Desktop/Flutter
flutter create $HOME/Desktop/Flutter/MyApp

4. 拖动 MyApp 文件夹至 Android Studio 上打开

open_flutter.jpg

正常打开后,Android Studio 上方如下图


as_normal.png

这时候已经有 iOS 和 安卓两种模拟器可以选择了。

5. 运行第一个程序

首次启动建议使用命令行工具,进入到工程主目录下,执行以下命令

flutter run


flutter run ios.png

打开安卓模拟器时,如果有如下图报错


flutter run android error.png

参考 gradle 安装教程重新安装 gradle

按照提示选择对应的模拟器,分别进行 iOS 和 Android 模拟器的运行。之后就可以直接 Android Studio 运行到对应模拟器了。

6. 其他问题

一般来说,很少有一帆风顺的安装使用过程,下边是我踩坑的几个地方。

  • 正常启动了 Android Studio,但是找不到安卓模拟器

正常情况,Android SDK 路径为 $HOME/Library/Android/sdk,执行以下命令后重新运行 Android Studio

flutter config --android-sdk $HOME/Library/Android/sdk
flutter doctor

  • 使用网上的 git reset --hard 方法切换 flutter 版本,导致部分库丢失

我在尝试解决第一个问题时,在网上找到一个切换 flutter 版本的方法,尝试后,出现了冲突,导致 dart 库丢失,工程无法正常运行,flutter doctor 也无法正常运行。

后来尝试切换到 flutter 的其他分支,但是很麻烦,丢失的库文件找不到。
下边给遇到相同问题的提供两种解决方案:

a. 重新安装 SDK
SDK安装方法,比较暴力,但很有效

b. 更新 flutter
进入到 flutter 目录下,打开 flutter/bin,删除 cache 文件夹后,执行下方命令

flutter upgrade

flutter upgrade.png

这一步操作完成后,在执行 flutter doctor 验证无问题后,重新打开 Android Studio 即可。

你可能感兴趣的:(Flutter入门(5):使用 Android Studio 开始 Flutter 编程)