Android Studio中创建第一个Flutter项目

一、Flutter环境验证

创建Flutter项目之前需要验证是否有Flutter环境,如没有Flutter 环境,请参考配置Flutter开发环境

1.1、flutter doctor

验证通过会有以下提示

复制代码
[√] Flutter (Channel stable, 3.29.3, on Microsoft Windows [版本 10.0.19045.5737], locale zh-CN)
[√] Windows Version (10 专业版 64 位, 22H2, 2009)
[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[√] Chrome - develop for the web
[X] Visual Studio - develop Windows apps
    X Visual Studio not installed; this is necessary to develop Windows apps.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2023.3)
[√] Android Studio (version 2024.3)
[√] Android Studio (version 4.2)
[√] IntelliJ IDEA Community Edition (version 2024.2)
[√] Connected device (3 available)
[√] Network resources

如没有Flutter 环境,请参考配置Flutter开发环境

1.2、Android Studio中配置Dart和Flutter插件

在Android Studio →Setting→Plugins中查看是否有Dart和Flutter插件

如没有,请先安装Dart和Flutter插件,安装完成后重启Android Studio

二、Android Studio中创建第一个Flutter项目

File → New → New Flutter Project...

设置Flutter SDK Path

输入项目名称和包名,支持的平台选择Android和iOS

创建完成

运行项目

提示报错信息如下:

复制代码
Exception in thread "main" java.util.zip.ZipException: zip END header not found
	at java.base/java.util.zip.ZipFile$Source.findEND(Unknown Source)
	at java.base/java.util.zip.ZipFile$Source.initCEN(Unknown Source)
	at java.base/java.util.zip.ZipFile$Source.<init>(Unknown Source)
	at java.base/java.util.zip.ZipFile$Source.get(Unknown Source)
	at java.base/java.util.zip.ZipFile$CleanableResource.<init>(Unknown Source)
	at java.base/java.util.zip.ZipFile.<init>(Unknown Source)
	at java.base/java.util.zip.ZipFile.<init>(Unknown Source)
	at java.base/java.util.zip.ZipFile.<init>(Unknown Source)
	at org.gradle.wrapper.Install.unzip(Install.java:214)
	at org.gradle.wrapper.Install.access$600(Install.java:27)
	at org.gradle.wrapper.Install$1.call(Install.java:74)
	at org.gradle.wrapper.Install$1.call(Install.java:48)
	at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65)
	at org.gradle.wrapper.Install.createDist(Install.java:48)
	at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128)
	at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
Error: Gradle task assembleDebug failed with exit code 1

在android文件夹中修改gradle镜像地址

复制代码
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.9-all.zip

修改java sdk ,选择jdk17

提示NDK错误

A problem occurred configuring project ':app'.

NDK not configured. Download it with SDK manager. Preferred NDK version is '27.0.12077973'.

在android →build.gradle.kts中注释ndkVersion

复制代码
//    ndkVersion = flutter.ndkVersion

重新运行,安装到手机里,就可以看到首页了

相关推荐
砖厂小工42 分钟前
用 GLM + OpenClaw 打造你的 AI PR Review Agent — 让龙虾帮你审代码
android·github
张拭心1 小时前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
张拭心2 小时前
Android 17 来了!新特性介绍与适配建议
android·前端
shankss2 小时前
Flutter 下拉刷新库 pull_to_refresh_plus 设计与实现分析
flutter
Kapaseker4 小时前
Compose 进阶—巧用 GraphicsLayer
android·kotlin
黄林晴4 小时前
Android17 为什么重写 MessageQueue
android
忆江南19 小时前
iOS 深度解析
flutter·ios
明君8799719 小时前
Flutter 实现 AI 聊天页面 —— 记一次 Markdown 数学公式显示的踩坑之旅
前端·flutter
恋猫de小郭20 小时前
移动端开发稳了?AI 目前还无法取代客户端开发,小红书的论文告诉你数据
前端·flutter·ai编程
MakeZero1 天前
Flutter那些事-交互式组件
flutter