【flutter环境】怎么导入新项目并成功运行

2,003 阅读2分钟

导入新flutter项目的注意事项。多总结,踩过的坑就不要再去踩了

环境: Windows系统的电脑、Android手机、vscode 、AndroidStudio

前提: 在电脑上已经搭建了flutter环境了,能自己创建一个新flutter项目demo并运行到手机(或模拟器)上。

前言

相信很多刚接触flutter的同学,都会从github上去下载一些开源项目到本地研究。但是很难的把项目APP运行到手机上,项目初始化时会遇到各种问题。比如下图:

一、打开项目

选择Flutter项目的根目录(就是含有pubspec.yaml文件的那个目录)

二、下载flutter的依赖

然后就是下载flutter项目依赖的第三方插件(包),这里一般都比较顺利不会报错, vscode中下载最新的依赖包: AndroidStudio中是这样的:

2.1 如果这个项目的插件没有用到原生(Android、ios)端的功能。

比如拍照、存储文件到手机上等功能。项目是一般就比较容易初始化并运行到手机上。这里就不多说了

2.2 如果用到了原生功能。

可能运行项目时会遇到报错。如下: 解决办法:在AndroidStudio中打开flutter项目根目录下的android文件夹(这里才是Android应用的根目录),Studio会自动安装相关Android端的依赖的!!!

首先要把gradle插件和gradle的版本号改成和自己电脑已有Android项目(能运行成功)的版本号一样,这样做的目的就是避免再去下载gradle,从而加快项目初始化的速度!!!

小提示:如果想要下载依赖时快一点,可以使用阿里的库:“maven.aliyun.com/nexus/conte… 修改项目根目录下面的build.gradle文件,将jcenter()库注释掉,添加阿里的库。

把gradle插件的版本号改成3.5.0(和已有项目一致),如下图: 把gradle的版本号改成5.6.2,如下图:

然后再打开项目,此时会自动下载Android的依赖库。如果第一次没有下载成功那就点击File下的sync project with gradles files按钮进行下载了:

三、运行项目

切换到Flutter项目的根目录,准备运行项目, 因为我的笔记本电脑性能不够强,所以就没有用模拟器了,直接用真机调试。