StatefulWidget组件然后当数据更新时调用setState的方法更新数据页面上的数据会直接更新第二种

StatefulWidget组件

的结合这种模式比较适用于有比较多层级的场景这样数据更新时就不用一层一层的从父类上传递数据第三种用第三方库scoped_model,

这种模式下在StatelessWidget也可以实现UI页面上数据的更新。

count:x

package:flutter/material.dart;class

StatemanagerDemo

StatemanagerDemo({super.key});overrideStateStatemanagerDemo

createState()

_increaseCount),floatingActionButton:

FloatingActionButton(onPressed:

}class

this.increaseCount});overrideWidget

build(BuildContext

StateManagerInheriteDemo({super.key});overrideStateStateManagerInheriteDemo

createState()

_StateManagerInheriteDemoState();

}class

CounterWidgetInherite(),floatingActionButton:

FloatingActionButton(onPressed:

}//

定义一个of方法可以获取CounterProvider的数据static

CounterProvider?

context.dependOnInheritedWidgetOfExactTypeCounterProvider();overridebool

InheritedWidget

Counter({super.key});overrideWidget

build(BuildContext

CounterProvider.of(context)?.count;final

VoidCallback?

CounterProvider.of(context)?.increaseCount;return

ActionChip(label:

是第三方库需要在项目中引入三方库引入三方库的方法参考这个文章其次该模式引用到的组件主要是

ScopedModelScopedModelDescendant

import

package:scoped_model/scoped_model.dart;//-------用Scoped_Model

class

StateManagerScopteModelDemo({super.key});overrideWidget

build(BuildContext

的构建方法获取CounterModel对应的数据floatingActionButton:

ScopedModelDescendantCounterModel(rebuildOnChange:

false,builder:

FloatingActionButton(onPressed:

}class

ScopedModelDescendantCounterModel(builder:

(context,

创建继承于Model的业务类来存放对应的count和用到的方法

class

使用Model小部件的地方会监听Model的变化可以用notifyListeners方法重建UI

notifyListeners();}