今天在mac上搭建flutter的第一个Android开发环境以及运行demo。

1.下载Android studio(以下简称AS),到官网下载最新版本即可。

2.打开AS,在AS的Tools菜单下,打开SDK Manager,在SDK Platforms安装一个版本的SDK。然后在SDK Tools菜单下Android SDK Command-line Tools(latest),安装这些是为了解决之后可能遇到的问题。
image.png
image.png

3.为AS安装flutter插件,打开插件首选项 (Preferences>Plugins),搜索flutter下载安装重启AS即可。

4.AS的部分到此为止,下面开始下载flutter。到官网下载最新版,https://docs.flutter.dev/deve...
,下载完成后解压。

5.添加flutter相关工具到path中
export PATH=`pwd`/flutter/bin:$PATH

6.命令行运行,flutter doctor,没有报错即flutter环境搭建完成。

7.接下来就是创建第一个flutter应用了。

Android Studio: 为Flutter提供完整的IDE体验.

创建新应用
选择 File>New Flutter Project
选择 Flutter application 作为 project 类型, 然后点击 Next
输入项目名称 (如 myapp,名字不能用驼峰命名), 然后点击 Next
点击 Finish
等待Android Studio安装SDK并创建项目.
上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单演示应用程序。

在项目目录中,您应用程序的代码位于 lib/main.dart.

运行应用程序
定位到Android Studio 工具栏:
Main IntelliJ toolbar
在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个
在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.
如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
Starter App on Android

可能遇到的问题:

1.Cannot resolve symbol 'FlutterActivity'
解决办法:
AndroidStudio中,project视图中,右键android,
选择 Flutter-->Open Android Module In Android Studio,即可在Android视图看到构建过程,等待一会就ok了

2.AS不是最新版本,编译不通过
解决办法:
下载最新版本的AS


zorro
52 声望2 粉丝