Flutter学习:状态

setState

状态管理的基本

  • 如果状态是用户数据,如复选框的选中状态、滑块的位置,则该状态最好由父Widget管理。
  • 如果状态是有关界面外观效果的,例如颜色、动画,那么状态最好由Widget本身来管理。
  • 如果某一个状态是不同Widget共享的则最好由它们共同的父Widget管理。

parentWidget定义为StateFul,childWidget为Stateless,childWidget通过对外暴露接口,传入parentWidget的变化参数和parentWidget中定义的方法(changeMethod),这样做在childWidget中调用方法changeMethod即可将变化传递给parentWidget,这样parentWidget调用setState即可更新childWidget.

不足之处在于,每次都要手动调用setstate来更新组件,这样对于业务开展不友好,我们应该只注重更新数据,在数据发生变化后,自动刷新UI。

Globalkey

父类通过GlobalKey.currentSatet获取到子widget,直接调用setState刷新子widget,不会刷新当前widget

Provider

  1. InheritedWidget,该类有方法updateShouldNotify方法,当覆写实现返回true的时候,一旦树发生更新,则依赖了InheritedWidget的子节点的didChangeDependencies都会被调用。
  2. ChangeNotifier,实现了flutter风格的发布者订阅者模式,通过addListener,removeListener管理通知的订阅者,通过notifyListener触发通知。
  3. 所以建立的关系为:
    ChangeNotifierProvider(data:CartModel,widget:
    children)->.add->CartModel:notifyListeners->ChangeNotifierProvider:update->setState

实现的目的就是model数据更新,自动刷新widget,而不需要自己再去调setState,而是创建了公共管理类,只要在构造ChangeNotifier的时候将要绑定的Model以泛型传入即可。

上一篇:prometheus常用函数详解


下一篇:Flutter:基于video_player实现视频相关手势控制、全屏播放