flutter学习之旅(一)

这篇具有很好参考价值的文章主要介绍了flutter学习之旅(一)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

初学Flutter

flutter官网和中文开发手册

安装flutter - windows

官方文档-windows

flutter_windows_3.7.9-stable.zip

编辑环境变量

  • 用户变量 一栏中,检查是否有 Path 这个条目:

  • 如果存在这个条目,以 ; 分隔已有的内容,加入 flutter\bin 目录的完整路径。

  • 如果不存在的话,在用户环境变量中创建一个新的 Path 变量,然后将 flutter\bin 所在的完整路径作为新变量的值。
    flutter学习之旅(一)

运行 flutter doctor

flutter学习之旅(一)

查看flutter版本

flutter --version

问题汇总

Unable to confirm if installed Windows version is 10 or greater(无法确认安装的Windows版本是否大于或等于10)

安装dart
还是有问题

#查看自己的flutter channel版本
flutter channel 

flutter学习之旅(一)

#flutter channel stable#将flutter版本切换为stable
flutter channel master#将flutter版本切换为master

flutter学习之旅(一)

#确保flutter更新到了最新版本
flutter upgrade

flutter学习之旅(一)

#再次检查是否解决
flutter doctor 

flutter学习之旅(一)

还是有错误,但是这个Unable to confirm if installed Windows version is 10 or greater问题已解决

Android toolchain - develop for Android devices X Unable to locate Android SDK.

flutter学习之旅(一)

  • 桌面右键 我的电脑>属性>高级系统设置>环境变量>在用户变量中新建ANDROID_HOME,变量值就是Android SDK(我这里是D:\Feil\SDK\Android)路径
    flutter学习之旅(一)

设置好之后重启电脑即可

flutter doctor

flutter学习之旅(一)

cmdline-tools component is missing

flutter学习之旅(一)

下载这个

flutter doctor
Google\Chrome路径 is not executable.

添加完还是不行的话

flutter config --android-sdk /path/to/android/sdk
Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)

因为我用的是MicroSoft Edge所以我们得安装个chrome

flutter学习之旅(一)

flutter doctor
Visual Studio not installed; this is necessary for Windows development.

Visual Studio

我下载的版本

flutter学习之旅(一)

flutter doctor
A network error occurred while checking “https://pub.dev/”: 信号灯超时时间已到&&A network error occurred while checking “https://maven.google.com/”: 信号灯超时时间已到

在中国网络环境下使用 Flutter

我的zip文件

重新安装flutter sdk

配置国内镜像
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
PUB_HOSTED_URL=https://pub.flutter-io.cn

flutter学习之旅(一)
flutter学习之旅(一)

Unable to find bundled Java version.
方法1

参考文章

flutter学习之旅(一)
flutter学习之旅(一)

方法2

或者将AndroidStudio路径/jbr里的文件原封不动复制到上图的jre文件中

如果这样还是报错, 那可以考虑重装AndroidStudio,之后还是按照上面的俩种方法来解决

flutter HTTP Host availability check is taking a long time…[!] HTTP Host Availability

参考文章

  1. 找到flutter sdk的文件目录,依次找到flutter/packages/flutter_tools/lib/src/http_host_validator.dart文件
  2. https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/
    flutter学习之旅(一)
  3. 关闭所有打开了flutterSDK的程序,找到flutter\bin目录下的flutter_tools.snapshot文件永久删除
flutter doctor
Android license status unknown.
flutter doctor --android-licenses
Error: A JNI error has occurred, please check your installation and try again

Java和JDK的版本不一样。查看java路径

which java #Linux下
where java #Windows下

windows下编辑环境变量

java.lang.UnsupportedClassVersionError: com/android/prefs/AndroidLocationsProvider has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0

把JDK文件复制一份到你Andriod Stduio文件夹下的jre(与bin目录同级)

注意如果你是JDK1.8的版本,那还是会报这个错误。我用JDK11是可行的
安装成功图片

flutter学习之旅(一)

或者jre目录是存在的,不过里面几乎没东西,可以直接将jbr目录内的全部文件复制一份到jre目录下即可

'choco' 不是内部或外部命令,也不是可运行的程序或批处理文件。

  1. 打开powershell(管理员)
  2. 执行这条命令
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
更改 ChocolateyToolsLocation 环境变量来选择安装目录
  • 系统环境变量 中增加 ChocolateyInstall

打开powershell(管理员)

#D:\File\SDK\Chocolatey:只是存放目录,可以完全自定义修改
& setx.exe ChocolateyInstall D:\File\SDK\Chocolatey /M
refreshenv

之后可以看到环境变量
flutter学习之旅(一)

安装Dart SDK(不推荐)
choco install dart-sdk

flutter学习之旅(一)

安装Dart SDK(推荐)

Dart for Windows

添加环境变量

flutter学习之旅(一)

dart --version

flutter学习之旅(一)

vscode - Dart

vscode安装Dart插件

vscode安装Code Runner插件

void main(List<String> args) {
  var num = 42;
  print(num);
}
安装成功图片

flutter学习之旅(一)

AndriodStudio创建Flutter

安装插件,重启应用

flutter学习之旅(一)
flutter学习之旅(一)
flutter学习之旅(一)

vscode创建Flutter应用

参考文档
flutter学习之旅(一)
Flutter然后重新启动 VS Code
flutter学习之旅(一)
flutter学习之旅(一)
flutter学习之旅(一)
flutter学习之旅(一)
flutter学习之旅(一)

运行的指令

flutter run

flutter学习之旅(一)

效果
flutter学习之旅(一)文章来源地址https://www.toymoban.com/news/detail-468752.html

到了这里,关于flutter学习之旅(一)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • flutter 解压 zip 中文乱码问题处理

    很简单的一个 zip 包解压缩的功能,但是 windows 平台中文显示乱码,很糟心,搜了一圈没找到现成的方法,在此贴上我的解决方式。 导入需要的包 代码如下: 昨天刚接触的 flutter ,若是代码有问题还望指出,非常感谢!

    2024年02月13日
    浏览(50)
  • android开发教程视频孙老师,flutter中文网

    1.网络 2.Java 基础容器同步设计模式 3.Java 虚拟机内存结构GC类加载四种引用动态代理 4.Android 基础性能优化Framwork 5.Android 模块化热修复热更新打包混淆压缩 6.音视频FFmpeg播放器 网络协议模型 应用层 :负责处理特定的应用程序细节 HTTP、FTP、DNS 传输层 :为两台主机提供端到端

    2024年03月15日
    浏览(45)
  • flutter 使用archive压缩与解压文件时出现中文乱码的问题

    archive 是 flutter 上的一个文件压缩与解压的类库,支持 zip,tar,zlip,gzip,zip2,xz 格式的压缩与解压。 archive 主要通过 Archive,ArchiveFile,ZipEncoder,ZipDecoder 三个类来实现文件的压缩和解压。 ArchiveFile 表示压缩包内的一个文件。 Archive 表示一个压缩包。 ZipEncoder 表示 zip 编码器。 Zi

    2024年02月16日
    浏览(52)
  • 如何解决在Flutter中使用TextField输入框输入中文时可能会出现键盘输入不了中文的问题。

    在Flutter中使用TextField输入框输入中文时可能会出现键盘输入不了中文的问题。 解决方法有以下几种: 在TextField中指定输入类型为TextInputType.text TextField(   keyboardType: TextInputType.text,   ... ) 2.在TextField中指定输入工具为中文输入法: TextField(   inputFormatters: [WhitelistingTextInputFor

    2023年04月22日
    浏览(41)
  • Flutter学习四:Flutter开发基础(六)调试Flutter应用

    目录 0 引言 1 调试Flutter应用 1.1 日志与断点 1.1.1 debugger() 声明 1.1.2 print和debugPrint 1.1.3 调试模式、中间模式、发布模式 1.1.4 断点 1.2 调试应用程序层 1.2.1 转储Widgets树 1.2.2  转储渲染树 1.2.3 转储Layer树 1.2.4 转储语义树 1.2.5 调度(打印帧的开始和结束) 1.2.6 可视化调试

    2024年02月12日
    浏览(56)
  • flutter学习-day2-认识flutter

    本文学习和引用自《Flutter实战·第二版》:作者:杜文 Flutter 是 Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口,开发者可以很快地为 Flutter 添加

    2024年02月04日
    浏览(41)
  • Flutter学习四:Flutter开发基础(一)Widget

    目录 0 引言 1 Widget 简介 1.1 Widget 概念 1.2 Widget 接口 1.3 Flutter中的四棵树 1.4 StatelessWidget 1.4.1 简介 1.4.2 Context上下文 1.5 StatefulWidget 1.6  State 1.6.1 简介 1.6.2 State生命周期 1.7  在 widget 树中获取State对象 1.7.1 通过Context获取 1.7.2 通过GlobalKey获取 1.8 通过 RenderObject 自定义 Wid

    2024年02月16日
    浏览(46)
  • Flutter学习四:Flutter开发基础(四)包管理

    目录 0 引言 1 包管理 1.1 简介 1.2 Pub仓库 1.3 依赖Pub仓库 1.3.1 查找包  1.3.2 添加包 1.3.3 下载包 1.3.4 引入包  1.3.5 使用包 1.4 其他依赖方式 1.4.1 依赖本地包 1.4.2 依赖git仓库 1.4.3 不常用的依赖方式 本文是对第二版序 | 《Flutter实战·第二版》 (flutterchina.club)的学习和总结。 在

    2024年02月12日
    浏览(60)
  • Flutter学习四:Flutter开发基础(三)路由管理

    目录 0 引言 1 路由管理  1.1 MaterialPageRoute 1.2 Navigator  1.2.1 Future push(BuildContext context, Route route) 1.2.2  bool pop(BuildContext context, [ result ]) 1.2.3  Future pushNamed(BuildContext context, String routeName,{Object arguments}) 1.3 非命名路由传值 1.4 命名路由  1.4.1 路由表 1.4.2 注册路由表 1.4.3 通过

    2024年02月09日
    浏览(41)
  • 【Flutter】下载安装Flutter并使用学习dart语言

    安装flutter, 并使用flutter内置的dartSDK学习使用dart语言。 编辑器: Android Studio fluuter 版本 : flutter_windows_3.13.1 内置dartSDK : 3.1.0 dart路径路径: flutter安装路径bincachedart-sdk flutter下载地址 官网的下载描述蛮详细的,直接用就行。 Android Studio 需要到官网下载安装包。 如果你c盘容

    2024年02月09日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包