Flutter 初探 -

时间 2019-11-29 标签 flutter 初探

flutter 安装

通过许久的关注，及最近google算是真正地推行flutter时，加上掘金小册也有相应的教程，我知道本身得跟着这一波潮流学习了，否则早晚会面临着小程序的危（你们都会了就你不会),而我也想有一个好的学习对象，以前是想学uni-app或者react-native，但终究不如这个。好了，废话很少说，开始旅行。java

flutter了解

安装针对`windows`

Flutter SDK
Flutter IDE

环境变量

下载的Flutter默认是国外镜像，相似node的npm，须要切换到国内镜像
在电脑的 环境变量 -> 用户变量 添加node

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

Flutter SDK 安装

须要下载 Android Studio,能够用来打包apk，同时自带Android SDK
下载 Flutter SDK 尽可能选择稳定版Stable channel下的，同时配置 环境变量，运行 flutter doctor 便会知道结果

创建 flutter app

在创建flutter app时，还须要下载三个东西react

Android Studio 中下载两个插件
- Flutter 插件
- Dart 插件
Android 模拟器 在tools -> AVD Manager -> CREATE VIRTUAL ... 选择须要须要类型

运行App

选择模拟器 devices
点击运行/ debugger
模拟器便会出现flutter的界面

重点说下安装遇到的问题

上述安装略显单薄一些，只是想简化一下思路，否则安装的过程有些蒙圈android

安装 issuse 汇总git

安装 Android Studio 报错github
```
unable to access android sdk add-on list
```
解决办法npm

Android Studio 安装目录下 bin -> idea.properties 下添加小程序
```
disable.android.first.run=true
```
运行 Android Studiowindows
```
Failed to load JVM DLL ...... if you already have a ...
```
解决办法react-native

弄清楚本身电脑的版本 32/64, 运行对应的 .exe 文件，eg，我电脑64位，运行32位的 Android Studio报上述错误，运行 64位的解决
执行 flutter app
```
Running 'flutter package get ' in flutter_app Unhandled exception: 'PUB_HOSTED_URL'
```
解决办法

上诉错误信息其实有提示（这里没有补全）
须要在以前的添加环境变量时,加上https://
执行 flutter app
```
No Connected Devices Found
```
解决办法

选择须要的模拟器，这是既没有选择真机，也没有选择模拟器，致使没法运行
执行 flutter app
```
Initializing gradle ...
  Unzipping ..
  Exception in thread 'main' java.util.zip.ZipExceptinon: error in opening zip file ...
```
解决办法

本人也非常无语，为什么下载下来的会出现包有问题
须要从新下载gradle包，必定要本身审查本身当前提示的具体是哪个包，必定要下对应的，将本地替换掉
文件目录 C盘 -> 用户 -> 本机用户(当前电脑的名称文件) -> .gradle -> wrapper -> dists 下具体的信息再进行替换便可

执行 flutter app

Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:51079/gM04ir90...

解决办法 flutter issues

将下载的模拟器从新换一个 Q 替换为 pie，这个可能须要多尝试几个便可