Flutter V2 的10个特点

最新推荐文章于 2024-09-11 09:36:28 发布

Gleason.

最新推荐文章于 2024-09-11 09:36:28 发布

阅读量373

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/bianliuzhu/article/details/114821383

版权

3 篇文章 0 订阅

订阅专栏

谷歌官方发文: 中文 English

windows mac OS linux android ios web embedded
在这里插入图片描述
www.flutterfolio.com 需要注册

3个方向
1. pwa: 缓存、push 推送服务、桌面快捷、消息提示
2. spa: 单页程序类似 vue react
3. expanding mobile: 快速迁移 app、复用代码
2D 3D 渲染 WebGL Skia WebAssembly Canvas
稳定的版本
irobot 基于 flutter 构建
技术架构
性能

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.

CupertinoSearchTextField
CupertinoFormSection、CupertinoFormRow 和 CupertinoTextFormFieldRow
https://api.flutter.cn/flutter/cupertino/CupertinoFormSection-class.html
https://api.flutter.cn/flutter/cupertino/CupertinoFormRow-class.html
https://api.flutter.cn/flutter/cupertino/CupertinoTextFormFieldRow-class.html

将 Flutter 集成到现有应用
过去，额外 Flutter 实例的内存占用量与第一个 Flutter 实例相同。在 Flutter 2 中，我们将创建额外 Flutter 引擎的静态内存占用量降低了约 99%，使每个实例的占用量大约为 180kB。

Dart 是一种类型安全的语言，这意味着当开发者获取某种类型的变量时，编译器可以保证它是该类型，但是类型安全本身不能保证变量不是 null。
Null errors 非常常见的问题，在 GitHub 上可以搜索到成千上万由于 null 导致 Dart 代码出现异常的问题，甚至有成千上万的 commits 试图解决这些问题。

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

性能监控
https://flutter.dev/docs/perf/rendering/ui-performance
Invert Oversized Images
能够轻松发现所显示的分辨率低于其实际分辨率的图像，这有助于追踪应用过大和内存占用过多等情况。
若要启用此功能，请在 Flutter Inspector 中启用 Invert Oversized Images。
弹性布局
web前端早有的布局方法

在这里插入图片描述

在这里插入图片描述

$ 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 .

关注

专栏目录