如何在 Flutter 中将 Model 与 Provider 分离？答案

【问题标题】：How to separate Model from Provider in Flutter?如何在 Flutter 中将 Model 与 Provider 分离？
【发布时间】：2021-01-03 12:50:46
【问题描述】：

假设我们的模型/文件夹中有一个模型：

class ProductModel {
  final String id;
  ProductModel(this.id);
}

然后我们相应地在 providers/ 文件夹中为这个模型创建一个提供者：

class ProductProvider with ChangeNotifier {...}

问题是如何使模型在这个提供者中被扩展，以避免重复？解决办法：

class ProductProvider extends ProductModel with ChangeNotifier {...}

如果我们稍后为列表创建另一个提供者ProductsProvider（复数），则不起作用。

【问题讨论】：

【解决方案1】：

Provider-ChangeNotifier 架构与您展示的有点不同，但您大部分都在那里。

你应该有：

class ProductViewModel with ChangeNotifier {
  final String id;
  ProductModel(this.id);
}

就是这样，现在您可以使用ChangeNotifierProvider 传递此ProductViewModel，如您所见here。

【讨论】：