Flutter 初探 -

2023年2月16日 163次阅读 来源: 木石心

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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞