Flutter初体验(一)Android Studio 跑通官方SDK的demo

739 阅读1分钟

本文已参与[新人创作礼]活动,一起开启掘金创作之路

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第4天,点击查看活动详情

先来个网站: flutterchina.club/(Flutter中文网)

简介: Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

Flutter for Android 开发者:flutterchina.club/flutter-for… 在这里插入图片描述 官方SDK下载:flutter.dev/docs/develo…

1.下载解压出来examples里面就是一些官方demo了,这里使用的是1.20.4: 在这里插入图片描述

2.我们随便导入一个(layers)到Android Studio 在这里插入图片描述 这么多报错,估计是包没引入到,所以我们就点击了右上角的Get dependencies去下载, 然后就一直卡在Running "flutter pub get" in xxx,这个时候需要设置下环境变量,然后重启电脑即可。

在这里插入图片描述 在这里插入图片描述

变量名1:FLUTTER_STORAGE_BASE_URL
变量值1:https://storage.flutter-io.cn

变量名2:PUB_HOSTED_URL
变量值3:https://pub.flutter-io.cn

3.再次打开Android Studio 点击 Get dependencies 就可以了,多Get dependencies几次报错也就解决了。 在这里插入图片描述 4.再次运行,又报错了。 Exception in thread "main" java.util.zip.ZipException: error in opening zip file

在这里插入图片描述 这个应该是gradle版本不对,打开一看 在这里插入图片描述 然后找到自己日常开发的项目中的gradle版本,改为日常开发用的版本即可,比如5.4.1, 解决完以后,你就会看到 ✓ Built build\app\outputs\flutter-apk\app-debug.apk. Installing build\app\outputs\flutter-apk\app.apk... 到此就完成了官方demo的成功运行。

附加: 创建Flutter项目的时候卡在Creating Flutter Project,解决办法: FlutterSDK中找到fluttre->bin->cache 找到lockfile文件,删掉这个文件,然后重启Android Studio