Flutter教程大全合集(2022年版)
一、什么是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即可
相关文章
- Flutter Text文本删除线、下划线设置
- 专家有奖问答第三期|Flutter这么火,你知道吗?
- Flutter教程之如何使用 Flutter 创建 Dynamic Island 和 ActivityKit(教程源码)
- Flutter 组件之可以缩放和平移的 Flutter 无限画布(教程含源码)
- Flutter 数据本地化之使用本地数据库和 Sqflite 构建 Flutter Colorful Notes 应用程序(教程含源码)
- Flutter 组件之用于导航navigation的 Flutter UI 包(教程含源码)
- Flutter教程之 在 Flutter 应用程序中实现广告的教程
- Flutter教程之使用不同的方法维护 Flutter 应用程序状态
- Flutter教程之在 Flutter 应用中使用 Mason 进行积木式开发
- Flutter 教程之NFC如何整合到Flutter项目中(教程含源码)
- Flutter教程之深入了解 Flutter 数据库,在应用程序的整个生命周期中保留数据
- Flutter 教程之 如何在app中启用 Google 支付
- Nowa Flutter开发教程之 05 Wrapper包装器
- Flutter 网络教程之使用 Dio 在 实现网络GET、PUT、UPDATE、DELETE支持REST API JSON (教程含源码)
- Flutter 精品项目大全之 仿instagram项目支持横向和纵向滚动(教程含源码)
- Flutter 精品项目大全之 漂亮的植物应用管理app 主页您支持搜索框教程含源码)
- Flutter 教程之如何从头开始设置 Flutter(2022 mac 版)
- Flutter 基础组件之使用Text.rich显示具有不同样式TextSpan段落(教程含源码)
- Flutter 教程之 Flutter CI/CD 和自托管的 GitHub Action
- Flutter DataGrid教程之表格图标日历Excel完整App源码(教程含源码)
- HarmonyOS ArkUI开发教程之 01 什么是ArkUI 与Flutter SwiftUI有什么区别
- Flutter如何一键唤起
- 一份完整的Android Studio搭建Flutter教程
- Flutter发布Release版安装后Crash问题处理