Flutter Key 讲解

key --- Value

模式模式下,value就是我们的widget

为什么要有key?

flutter中是增量更新,只更新了差异点。

任何的恶widget都有key。

有些时候不使用key。会导致渲染引擎失控,更新的时候没有参考物key.

为什么会有上面失控的情况?

---------Widget. Tree-------------------- 内部渲染引擎 Element Tree---

| |

--------一系列的类。--------对应--------------实例-------------------

-------例如:My,My,My,-----------------MyElement,MyElement,MyElement--

有状态1,状态2,状态3.

如果是相同的类型,才会考虑key来解决

当MY删除一个是后,就会导致类型和Element无法对应。

对应关系不一致导致失控

全局的key是什么

复制代码
abstract class Key {
  /// Construct a [ValueKey<String>] with the given [String].
  ///
  /// This is the simplest way to create keys.
  const factory Key(String value) = ValueKey<String>;

  /// Default constructor, used by subclasses.
  ///
  /// Useful so that subclasses can call us, because the [Key.new] factory
  /// constructor shadows the implicit constructor.
  @protected
  const Key.empty();
}

上面是抽象的key。

子类:LocalKey 局部的key,周围同一级的唯一性的保障,---开发尽量使用这个localkey性能更 高

---》 LocalKey的子类 ValueKey 等等。

GlobalKey 全局的key,整个app里的全局唯一性,性能就低一点。

//------------------------//

无状态的部件是不用考虑key的--一般情况

有状态的widget,并且有相同类型才考虑key。

//-------------------------//

ObjectKey --引用的对比。

ValueKey --值的对比。

UniqueKey()?

复制代码
这个是主动放弃key的关系,现象是不会保持数据。

应用的场景---------》可以主动丢弃,来证明需要更新---强制性告诉flutter丢弃上一帧的key。

相关推荐
—Qeyser28 分钟前
使用 Flutter 的 Positioned 控件实现精准布局
flutter
weixin_404611343 小时前
鸿蒙flutter 老项目到新项目的遇到迁移坑点
flutter·华为·harmonyos
cding3 小时前
Flutter 开发环境搭建
android·flutter
傅里叶5 小时前
Flutter 中使用 Isolate 进行耗时计算并显示 Loading 状态
flutter
黄毛火烧雪下11 小时前
(二)Flutter插件之Android插件开发
android·flutter
明月与玄武13 小时前
Melos 使用指南:Flutter / Dart 多包管理工具!
flutter·melos 使用指南·dart 多包管理工具
shr007_1 天前
flutter 鸿蒙
flutter·华为·harmonyos
Bryce李小白1 天前
Flutter 与原生混合编程
flutter
wahkim1 天前
移动端开发工具集锦
flutter·ios·android studio·swift
傅里叶1 天前
Flutter / Dart 多包管理工具 —— Melos 使用指南
flutter