【Flutter】使用Android Studio 创建第一个flutter应用。

前言

首先下载好 flutter sdk和 Android Studio。
FlutterSDK下载
Android Studio官网

配置

我的是 windows。

bash 复制代码
where.exe flutter dart

查看flutter安装环境。

如果没有,自己在环境变量的path添加下flutter安装路径。

在将 Path 变量更新后,打开一个新的控制台窗口,然后执行下面的命令。如果它提示有任何的平台相关依赖,那么你就需要按照指示完成这些配置:

bash 复制代码
flutter doctor

如下图,我这里 Android Studio已经配置好了。

AS配置Flutter环境很简单。

首先,Flutter和Dart插件下载。

然后,下载androidSDK。安卓sdk路径要自定义的话,别忘了在环境变量里加下。

绑定sdk.

bash 复制代码
flutter config --android-sdk D:\android\androidsdk

最后,同意android协议。

然后 再检测下flutter运行环境,flutter doctor -v。

创建一个flutter项目。

  1. 打开新建flutter项目窗口。

  2. flutterSDK路径选好后,下一步。

  3. 最后填写完创建。

模拟器运行 Flutter项目。

创建模拟器

首先根据 Android sdk创建模拟器。没下载的sdk可以直接点击下载。

创建好后 ,打开模拟器。

打开后,在上面将会出现模拟器设备。

如果没出现,flutter SDK没找到 Android Studio 或者 Android SDK,没同意安卓协议。配置见上文。

运行 项目

点击运行按钮。

控制台如下:

如果控制台一直显示到 Running Gradle task 'assembleDebug'... 这里。原因是国内连不到goole的仓库地址。

解决办法是:

找到项目的 build.grade文件。

在红框位置 将 google() 和 mavenCentral() 替换成 阿里云的 maven镜像源。

dart 复制代码
maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }

至此大功告成。

结语

结束了。

相关推荐
蜡台1 天前
Flutter Container 与装饰完整讲解
android·javascript·flutter·dart
杉氧1 天前
跨平台持久化:Flutter 本地数据库的多线程安全与架构设计实践
android·前端·flutter
yuanlaile1 天前
Flutter 开发鸿蒙 App 踩坑总结,一套完整实战学习方案分享
flutter·harmonyos·flutter开发鸿蒙·flutter开发鸿蒙实战·flutter ai实战·鸿蒙 ai实战
1001101_QIA2 天前
flutter打包流程
flutter
GitLqr2 天前
Flutter FocusNode 实战指南:玩转键盘焦点与用户输入体验
android·flutter·ios
智玲君2 天前
如何在Flutter中集成Firebase A/B Testing
flutter
末代iOS程序员华仔2 天前
OPC + Flutter + Swift:跨平台应用上架与专业知识点获客实战指南
开发语言·flutter·swift
FungLeo2 天前
Flutter/Android Release 包连不上网?AndroidManifest INTERNET 权限排查实录
android·flutter
GitLqr3 天前
深度拆解 Dart 事件循环:从面试题看清 Microtask 与 Event Queue 的执行顺序
flutter·面试·dart
吾儿良辰3 天前
Flutter 迎来重大变革:Material 设计系统拆分,迈向更开放的 UI 框架
javascript·flutter·ui