时间戳

首页 > 解决方案 > 如何在颤振中创建同一提供者的多个实例

flutter - 如何在颤振中创建同一提供者的多个实例

问题描述

我正在使用提供程序来获取数据并通知侦听器，如下所示：

class CategoryProvider with ChangeNotifier {

  Future<void> getData() async {
     ......
     ......
     notifyListeners();
   }

}

我的CategoryListView小部件正在收听此提供程序，如下所示：

Widget build(BuildContext context) {
    var collectionData = Provider.of<CategoryProvider>(context);
}

我正在推动CategoryListView如下的新实例：

Navigator.of(context).pushNamed(CategoryListView.routeName);

我正在推送CategoryListView来自CategoryListView小部件本身的新实例。它在推送新实例时工作正常，但在导航回来时，所有CategoryListView小部件都显示最新的小部件的数据，CategoryListView因为它正在侦听同一个提供程序。如何创建提供者的新实例并将其关联到小部件实例？有没有更好的方法来处理这个问题？

标签： flutterdartflutter-provider

解决方案

我已经解决了它，我正在发布解决方案，以便它可以帮助某人。

provider 的新实例在CategoryListView以下类中声明：

  final CategoryProvider collectionData = CategoryProvider();

同样，我没有将关联数据CategoryListView作为导航器参数传递，而是将其作为构造函数值传递，以便在initState()函数中可以访问这些值。

因此，推送一个新的实例CategoryListView从

Navigator.of(context).pushNamed(CategoryListView.routeName);

至

Navigator.push(context, MaterialPageRoute(builder: (context) => 
CategoryPage(constructorValue) ));

在initState()函数上，为提供者设置必要的值并进行必要的函数调用。

 collectionData.catalogueId = widget.catalogueId;
 collectionData.loadNextPage();

On Widget build(BuildContext context)，监听提供者从

     Widget build(BuildContext context) {
    var collectionData = Provider.of<CategoryProvider>(context);
}

至

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Color(0xff04063E),
        title: Text(widget.catalogueName != null ? widget.catalogueName : ""),
        
      ),
      body: ChangeNotifierProvider.value(
        value: collectionData,
        child: Consumer<CategoryProvider>(builder: (_, ctl, __) {
          return _buildUI(collectionData);
        }),
      ),
    );
  }

_buildUI(collectionData)从提供实例构建 UI 的函数在哪里collectionData。

此外，在 dispose 上处理提供程序实例：

@override
  void dispose() {
    collectionData.dispose();
    super.dispose();
  }

推荐阅读