zoukankan      html  css  js  c++  java
  • 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,这个可能需要多尝试几个即可

  • 相关阅读:
    《c程序设计语言》读书笔记--大写转小写
    《c程序设计语言》读书笔记--字符串比较
    《c程序设计语言》读书笔记--反转字符串
    spring接收json字符串的两种方式
    logback的使用
    初识Vim
    Chrome控制台
    构造有层次的大纲
    让chrome浏览器快的不要不要的
    排序算法Java版
  • 原文地址:https://www.cnblogs.com/sinosaurus/p/10922330.html
Copyright © 2011-2022 走看看