Flutter 初探 -

flutter 安装

经过许久的关注,及最近google算是真正地推行flutter时,加上掘金小册也有相应的教程,我知道自己得跟着这一波潮流学习了,不然迟早会面临着小程序的危(大家都会了就你不会),而我也想有一个好的学习对象,之前是想学uni-app或者react-native,但终究不如这个。好了,废话不多说,开始旅行。

flutter了解

安装 针对windows

  • Flutter SDK
  • Flutter IDE

环境变量

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

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时,还需要下载三个东西

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

运行App

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

重点说下安装遇到的问题

上述安装略显单薄一些,只是想简化一下思路,不然安装的过程有些蒙圈

安装 issuse 汇总

  • 安装 Android Studio 报错

      unable to access android sdk add-on list

    解决办法

    Android Studio 安装目录下 bin -> idea.properties 下添加

      disable.android.first.run=true
  • 运行 Android Studio

      Failed to load JVM DLL ...... if you already have a ...

    解决办法

    弄清楚自己电脑的版本 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,这个可能需要多尝试几个即可

    原文作者:木石心
    原文地址: https://www.cnblogs.com/sinosaurus/p/10922330.html
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞