zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

Flutter教程大全合集(2022年版)

flutter教程 2022 大全 合集
2023-09-11 14:18:48 时间

一、什么是Flutter

Flutter是一个由谷歌开发的开源移动应用软件开发工具包,用于为Android、iOS、Windows、macOS、Linux Desktop、Google Fuchsia开发应用。

Flutter第一个版本支持Android操作系统,开发代号称作“Sky”。 它于2015年4月的Flutter开发者会议上被公布,宣称其目标为实现120FPS的渲染性能。在上海Google Developer Days的主题演讲中,Google宣布了Flutter Release Preview 2,这是Flutter 1.0之前的最后一个重要版本。2018年12月4日,Flutter 1.0在Flutter Live活动中发布,是该框架的第一个“稳定”版本。2019年12月11日,在Flutter Interactive活动上发布了Flutter 1.12,宣布Flutter是第一个为环境计算设计的UI平台。2022年5月12日,在 Google I/O 2022 发布了 Flutter 3,正式支持了 Windows、macOS、Linux 等操作系统。


二、Flutter快速入门

1.开始使用 Flutter 开发桌面应用,您需要通过一次性的配置更改来配置桌面支持。


$ flutter config --enable-macos-desktop   # for the macOS runner

2.若要确认是否已启用桌面版 Flutter,请运行以下命令。

$ flutter devices

3. 创建一个新的 Flutter 应用

flutter create flutter_desktop_sample

4. 在macOS平台上运行应用程序:

flutter run -d macos

三、Flutter macOS 开发系列

《Flutter macOS 教程之 01 macOS App开发快速入门 (教程含源码)》

《 Flutter macOS 教程之 02 手动安装macos_ui 如何添加macos_ui到您的历史项目pubspec.yaml文件 (教程含源码)》

《 Flutter macOS 教程之 03 编写你的第一个macos应用程序 (教程含源码)》

四、常见问题解决

1、如何解决 Failed to download

https://chrome-infra-packages.appspot.com/dl/flutter/web/canvaskit_bundle/+/yrsfF-vTvu4jzBBm1o6tDl70dky-l4G29Dnj75U ?

解决方案:

 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2、 如何解决No macOS desktop project configured. See

https://docs.flutter.dev/desktop#add-desktop-support-to-an-existing-flutter-app to learn about adding macOS support
to a project ?

flutter config --enable-macos-desktop

3、flutter如何打开模拟器

全部安装完成后,简单地创建一个 Flutter 应用程序并检查应用程序是否执行良好。执行以下命令创建一个带有 Flutter 的应用程序。

flutter create my_app

之后,打开 Android 模拟器或 iOS 模拟器。然后,执行下面的命令。

cd my_app
flutter run

您可以使用以下命令打开 iOS 模拟器。

open -a Simulator

您可以使用以下命令打开 Android 模拟器。

export ANDROID_HOME=~/Library/Android/sdk
export ANDROID_SDK_ROOT=~/Library/Android/sdk
export ANDROID_AVD_HOME=~/.android/avd

~/Library/Android/sdk/emulator/emulator -list-avds
~/Library/Android/sdk/emulator/emulator -avd @name-of-your-emulator

4、flutter如何查看设备

flutter devices
  • emulator-5554 • android-x64    • Android 13 (API
33) (emulator)
macOS (desktop)              • macos         • darwin-x64     • macOS 12.3
21E230 darwin-x64
Chrome (web)                 • chrome        • web-javascript • Google Chrome
104.0.5112.79

5. 如何解决apk: Failure [INSTALL_FAILED_INSUFFICIENT_STORAGE]

解决方案:点击wipe data,然后点击yes即可

请添加图片描述