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。

相关推荐
比特鹰1 天前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
火柴就是我1 天前
Flutter限制输入框只能输入中文,iOS拼音打不出来?
flutter
TT_Close1 天前
【Flutter×鸿蒙】debug 包也要签名,这点和 Android 差远了
android·flutter·harmonyos
TT_Close2 天前
【Flutter×鸿蒙】FVM 不认鸿蒙 SDK?4步手动塞进去
flutter·swift·harmonyos
TT_Close2 天前
【Flutter×鸿蒙】一个"插队"技巧,解决90%的 command not found
flutter·harmonyos
恋猫de小郭2 天前
Flutter 发布官方 Skills ,Flutter 在 AI 领域再添一助力
android·前端·flutter
恋猫de小郭3 天前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
明君879973 天前
Flutter 如何给图片添加多行文字水印
前端·flutter
四眼肥鱼3 天前
flutter 利用flutter_libserialport 实现SQ800 串口通信
前端·flutter
火柴就是我4 天前
让我们实现一个更好看的内部阴影按钮
android·flutter