How to separate Model from Provider in Flutter?

Question

Assume we have a model in our models/ folder:

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

and then we create a provider for this model in providers/ folder accordingly:

class ProductProvider with ChangeNotifier {...}

The question is how to make the model being extended in this provider so that we avoid duplication? The solution:

class ProductProvider extends ProductModel with ChangeNotifier {...}

does not work in case if we later create another provider ProductsProvider (plural) for lists.

Why are you providing a model? You should be providing a business logic class. Models should be independent of the UI. — Scott Godfrey, Sep 16 '20 at 16:54
https://github.com/FilledStacks/flutter-tutorials/tree/master/010-provider-architecture/002-final/lib you can follow this architecture. Thanks — Abhishek Ghaskata, Sep 16 '20 at 17:19

score 1 · Answer 1 · answered Sep 16 '20 at 22:33

The Provider-ChangeNotifier Architecture is a bit different than what you show, but you are mostly there.

You should have:

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

And that's it, now you can pass this ProductViewModel using a ChangeNotifierProvider, as you can see here.

1 Answers1