关于flutter:2021-关于-Flutter-v2-我整理了16个重要特性

4次阅读

共计 4539 个字符，预计需要花费 12 分钟才能阅读完成。

https://www.bilibili.com/vide…

https://mp.weixin.qq.com/s/Ez…

https://flutter.gskinner.com/
https://github.com/gskinnerTe…

3 个方向
- pwa: 缓存、push 推送服务、桌面快捷、音讯提醒
- spa: 单页程序相似 vue rect
- expanding mobile: 疾速迁徙 app、复用代码
irobot 构建基于 flutter

https://edu.irobot.com/the-la…

技术架构

2D 3D 渲染 WebGL Skia WebAssembly Canvas

稳固的版本

性能
- HTML renderer: HTML 渲染器: Uses a combination of HTML elements, CSS, Canvas elements, and SVG elements. This renderer has a smaller download size. 应用 HTML 元素、CSS、Canvas 元素和 SVG 元素的组合
- CanvasKit renderer: CanvasKit 渲染器: This renderer is fully consistent with Flutter mobile and desktop, has faster performance with higher widget density, but adds about 2MB in download size.
试水我的项目
- 编辑器
  https://rive.app/
- 动画
  https://flutterplasma.dev/
- invoice
  https://www.invoiceninja.com/

https://medium.com/flutter/an…

https://canonical.com/

Canonical 公司是一个私营公司，由南非的企业家马克·沙特尔沃思创立，次要为了促成开源软件我的项目。Canonical 在马恩岛登记注册，其雇员散布在世界各地，其次要办事处在伦敦，在蒙特利尔也有办事处。Canonical 公司反对并创立了几个我的项目，次要都是自在 / 开源软件（FOSS）或是一些旨在改善自由软件开发者和贡献者的工具。

why canonical 鼎力推 flutter !，次要以下几点
- 快速增长的 flutter 利用
- 多平台反对
- 设施优化的好
- 丰盛的组件库
- IDE 环境成熟 Visual Studio Code, Android Studio, and IntelliJ
繁难装置

https://snapcraft.io/flutter

$ snap install --classic flutter
$ snap install --classic code
$ code --install-extension dart-code.flutter

疾速模板

$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-linux-desktop

$ flutter create counter
$ cd counter
$ flutter run -d linux

现有我的项目降级

$ cd my_flutter_app
$ flutter create .

代码示例
- https://github.com/flutter/sa…
- https://github.com/flutter/ga…
教程 Write a Flutter desktop application

https://codelabs.developers.g…

新增 iOS 性能
- CupertinoSearchTextField
  https://api.flutter-io.cn/flu…
- CupertinoFormSection、CupertinoFormRow 和 CupertinoTextFormFieldRow
  https://api.flutter.cn/flutte…
  https://api.flutter.cn/flutte…
  https://api.flutter.cn/flutte…
- 整体性能优化
  https://github.com/flutter/fl…
新增 Widget: Autocomplete 和 ScaffoldMessenger
- AutocompleteCore
  https://github.com/flutter/fl…
- ScaffoldMessenger
  https://github.com/flutter/fl…

https://docs.microsoft.com/zh…
https://docs.microsoft.com/zh…

https://flutter.cn/docs/devel…

过来，额定 Flutter 实例的内存占用量与第一个 Flutter 实例雷同。在 Flutter 2 中，咱们将创立额定 Flutter 引擎的动态内存占用量升高了约 99%，使每个实例的占用量大概为 180kB。

Dart 是一种类型平安的语言，这意味着当开发者获取某种类型的变量时，编译器能够保障它是该类型，然而类型平安自身不能保障变量不是 null。

Null errors 十分常见的问题，在 GitHub 上能够搜寻到成千上万因为 null 导致 Dart 代码出现异常的问题，甚至有成千上万的 commits 试图解决这些问题。

https://dartpad.dev/
https://nullsafety.dartpad.dev/

void main() {ps(null);
}

void ps(List<String> files) {for (var file in files) {print(file.isEmpty());
  }
}

最初，集体的额定揭示，目前在根目录的 analysis_options.yaml 增加如下配置就能够开启 null safety，另外 Flutter 须要 dart sdk 2.9。

analyzer:
 enable-experiment:
 - non-nullable

统计

dart fix --dry-run

利用

dart fix --apply

性能监控

https://flutter.dev/docs/perf…

.vscode/launch.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "flutter_learn_news-1.0.15",
      "request": "launch",
      "type": "dart"
    },
    {
      "name": "profile",
      "request": "launch",
      "type": "dart",
      "flutterMode": "profile"
    }
  ]
}

Invert Oversized Images

DevTools 的另一个新性能是可能轻松发现所显示的分辨率低于其理论分辨率的图像，这有助于追踪利用过大和内存占用过多等状况。若要启用此性能，请在 Flutter Inspector 中启用 Invert Oversized Images。

弹性布局

咱们也为 IntelliJ 系列 IDE 的 Flutter 插件增加了一些实用于 Flutter 2 的新性能。首先，咱们在其中新增了一个我的项目向导，该向导与 IntelliJ 中的新向导格调统一。

实用于 Visual Studio Code 的 Flutter 扩大也针对 Flutter 2 进行了优化，咱们首先引入了一些测试加强性能，例如从新运行失败测试的能力。

通过两年的逐渐倒退，对 Dart 的 LSP (语言服务器协定) 反对曾经成为在 Flutter 扩大中将 Dart 分析器集成到 Visual Studio Code 中的默认形式。LSP 反对为 Flutter 开发带来了许多改良，包含在以后的 Dart 文件中利用特定的所有修复，以及可能补全代码以生成残缺函数调用 (包含括号和所需参数) 的能力。

LSP 反对不仅限于 Dart，它还反对 pubspec.yaml 及 analysis_options.yaml 文件中的代码补全。

https://docs.sentry.io/platfo…

整合了对设施端谬误的收集

https://firebase.flutter.dev/

https://plus.fluttercommunity…

https://dartpad.dev/

下载 Dev channel (macOS)

https://flutter.dev/docs/deve…

fvm 切换

https://github.com/leoafarias…

复制 sdk 到 /Users/{youname}/.fvm/versions

fvm list
fvm use 2.1.0

启用个性

flutter config --enable-macos-desktop
flutter config --enable-windows-desktop
flutter config --enable-linux-desktop

编译

flutter run -d windows
flutter run -d macos
flutter run -d linux
flutter run -d android
flutter run -d ios
flutter run -d web

https://flutter.gskinner.com/
https://github.com/gskinnerTe…
https://mp.weixin.qq.com/s/Ez…
https://docs.sentry.io/platfo…
https://snapcraft.io/flutter
https://plus.fluttercommunity…
https://medium.com/flutter/fl…
https://rive.app/
https://medium.com/flutter/an…
https://www.windowscentral.co…

正文完

flutter

发表至： flutter

2021-03-09

0

关于flutter:开源项目5种技术编写的7个demo工程

关于flutter:Flutter的渲染机制和原理

关于flutter:参与-2022-第二季度-Flutter-开发者调查

关于flutter:杂谈程序人生我的大学

关于javascript:RN与IOS原生双向通信以及UI绑定通信的使用方式

关于flutter:2021-关于-Flutter-v2-我整理了16个重要特性

B 站

谷歌开发者官文

7 大平台 -> windows、macos、linux、web、embedded、ios、android

web 平台优化、进入稳定版

canonical 反对

组件库降级、对 ios 反对增强

Flutter for Surface Duo & 折叠屏

混合编程

Dart Null Safety

flutter fix

flutter DevTools 开发工具降级

Android Studio/IntelliJ 扩大

Visual Studio Code 扩大

sentry 降级对 flutter 的反对

upgraded firebase plugins for flutter

Flutter Community Plus Plugins

google mobile ads for flutter

DartPad 降级到反对 Flutter 2

配置 flutter 2

参考

站内搜索