如何在 flutter 中创建同一提供程序的多个实例

Question

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

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小部件的数据，因为它正在侦听同一个提供程序。 如何创建提供者的新实例并将其关联到小部件实例？ 有没有更好的方法来处理这个问题？

Answer 1

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

提供者的新实例在CategoryListView class 中声明如下：

  final CategoryProvider collectionData = CategoryProvider();

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

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

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

至

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

在initState() function 上，为提供程序设置必要的值并进行必要的 function 调用。

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

在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)是 function 从提供的实例collectionData构建 UI。

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

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