2023 Flutter Forward 快速了解

猫哥和你一起内容回顾

https://www.bilibili.com/video/BV16T411f76P/

大会视频

https://www.youtube.com/watch?v=zKQYGKAe5W8

内容

6 万个开发者, 70 万个应用使用了 Flutter

谷歌教育平台 66% 代码复用、基础组件、业务组件，减少技术负责。

https://edu.google.com/workspace-for-education/classroom/

低代码平台 flutterflow

https://flutterflow.io/

低代码平台 widgetbook

https://www.widgetbook.io/

https://github.com/widgetbook/widgetbook

Dart 3 alpha

Records 支持高效简洁地创建匿名复合值，不需要再声明一个类来保存，而在 Records 组合数据的地方，Patterns 可以将复合数据分解为其组成部分。

你还可以对值的类型进行 Patterns 匹配，通过 switch 可以使用匹配类型的 Patterns ，以及每种类型的字段。

100% 空安全的要求，也就是不再支持非空安全的代码

性能优化

将支持更多的平台架构，例如 RISC-V ，同时还在覆盖 Windows 上的 ARM64 支持，而 Web 上 Dart 3 也将可以脱离 Flutter 直接支持 WebAssembly (Wasm) 。

Dart 可以根据 C/ObjC/Swift/Java/Kotlin 代码的头文件/接口文件，自动创建具有 Dart 接口的绑定，以及那些跨语言调用所需的自动绑定，也就是 FFIgen + JNIgen。

https://github.com/flutter/samples/blob/main/experimental/pedometer/README.md

Flutter Web

编译成 WebAssembly .wasm 文件提升执行速度

add-to-web 支持，element embedding 允许将 Flutter 添加到任何 Web <div> 中，当以这种方式嵌入时，Flutter 就变成了一个 Web 组件与 Web DOM 完全集成，甚至可以使用 CSS 来设置父 Flutter 对象的样式。

html 中通过 div id 嵌入

与 js 交互很赞

优化计划，其中针对体积大小的优化是最重要的指标之一。

在 Web 上的使用 Pixel shaders ，从而实现各种炫酷的视觉效果。

Flutter News Toolkit 新闻 APP 代码模板

https://github.com/flutter/news_toolkit

https://flutter.github.io/news_toolkit/

Wonderous 应用开源项目

https://wonderous.app

https://github.com/gskinnerTeam/flutter-wonderous-app

优秀的交互体验

不同设备格式的适配能力

Impeller 引擎

Impeller 针对 Flutter 进行了优化，提供了更大的灵活性和对图形管道的控制支持。

在某些极端情况下显着提高性能

左边是默认渲染器，右边是 Impeller，可以看到滚动是左侧因为性能问题导致帧速率为 7-10 fps，而右侧 Impeller 可以稳定在 60 fps 。

3D 渲染

支持 3D 渲染

编辑资源后热更新 hotload

支持动画

结束语

如果本文对你有帮助，请转发让更多的朋友阅读。

也许这个操作只要你 3 秒钟，对我来说是一个激励，感谢。

祝你有一个美好的一天~

© 猫哥

微信 ducafecat
https://wiki.ducafecat.tech
https://ducafecat.com