欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter 开发环境搭建及使用遇到的一些问题

程序员文章站 2022-03-26 11:29:32
...

最近开始学习使用Flutter, 遇到创建项目卡住不动的问题, 百度了很多资料大多没什么用, 下面把我找到的一些汇总如下:

官方中文网址:https://flutterchina.club/get-started/install/,里面有详细的使用教程

Windows Flutter Android Studio 开发环境搭建

  1. 电脑上安装Git

  2. 如果在D盘创建Flutter目录 D:\Flutter,电脑打开命令行进入该目录,并执行:git clone -b beta https://github.com/flutter/flutter.git

  3. 环境变量配置
    3.1. 配置flutter sdk的环境变量;比如在Path后面追加 D:\Flutter\flutter\bin,当然也有其他实现方式;
    3.2. 添加环境变量PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn
    3.3. 添加环境变量FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn

  4. 重启命令行以至环境变量生效,在命令行输入 flutter doctor,该命令会下载Dart及相关依赖

  5. 3.0及以上的Android Studio,然后在File->settings…->Plugins->Browse repositiories…里面搜索安装两个插件:
    5.1. Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
    5.2. Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

  6. 在File->settings…->Languages & Frameworks里面点击:
    6.1. Dart 选择 dart SDK路径D:\Flutter\flutter\bin\cache\dart-sdkFlutter
    6.2. Flutter 选择 Flutter SDK路径 D:\Flutter\flutter

创建应用

  1. 打开Android Studio 选择 File>New Flutter Project

  2. 选择 Flutter application 作为 project 类型, 然后点击 Next

  3. 输入项目名称 (如 myapp), 然后点击 Next

  4. 点击 Finish,等待Android Studio安装SDK并创建项目.

相关问题

1. 添加依赖失败问题

Error on line 6, column 5 of pubspec.yaml: A dependency may only have one source.
    sdk: flutter
    ^^^^^^^^^^^^^^
pub get failed (65)

解决方案: 注意 pubspec.yaml 文件添加依赖的内容,特别注意 sdk 对齐格式。如:

dependencies:
  flutter:
    sdk: flutter
  english_words: ^3.1.0

运行报错

1.报错信息如下

Launching lib\main.dart on Android SDK built for x86 64 in debug mode...
Initializing gradle...
Resolving dependencies...
* Error running Gradle:
ProcessException: Process "C:\Codes\kakaCode\Android\flutter_app\android\gradlew.bat" exited abnormally:
 
> Configure project :app
 
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.
 
FAILURE: Build failed with an exception.
 
* Where:
Build file 'C:\Codes\kakaCode\Android\flutter_app\android\app\build.gradle' line: 24

其实核心问题是在

Build file 'C:\Codes\kakaCode\Android\flutter_app\android\app\build.gradle' line: 24

也就是这一句:

apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
通过println输出一下,发现是加载

C:\flutterSDK\flutter\packages\flutter_tools\gradle目录下的flutter.gradle文件报错。

这里flutter的SDK目录根据个人配置的系统Path的flutter的位置决定。

原因是通过jcenter()加载包失败。

嘛,伟大的中国长城牌防火墙总是试图阻挡技术人员工作。

知道问题了,解决办法就出来了。

1. 找个*翻越长城。

2. 找个镜像。

稳妥一点,这里直接用阿里的镜像服务器吧。

将android项目目录下的build.gradle中的jcenter()等引用注释掉,改成伟大的阿里的:

maven{ url 'https://maven.aliyun.com/repository/google' }
maven{ url 'https://maven.aliyun.com/repository/jcenter' }
maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}


然后找到刚才报错的那个引用的文件:

C:\flutterSDK\flutter\packages\flutter_tools\gradle\flutter.gradle

如下更改:

buildscript {
    repositories {
        //jcenter()
        //maven {
        //    url 'https://dl.google.com/dl/android/maven2'
        //}
        maven{ url 'https://maven.aliyun.com/repository/google' }
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}
    }   
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}


就是讲所有gradle脚本中的库全部替换为阿里的镜像。
 

再次运行依旧报错:

现在报的是:

License for package Android SDK Build-Tools 28.0.3 not accepted

解决方案:

1、进入到 SDK 安装目录 

Flutter 开发环境搭建及使用遇到的一些问题

2、在 bin 目录下执行如下命令   

sdkmanager.bat --licenses 

执行之后,它会提示你去允许认证,然后命令会提醒你确定y/n(accept lincense),一路y下去便可以了。

Flutter 开发环境搭建及使用遇到的一些问题

run 成功!