Flutter Provider: Introduction

Sign up here for more updates: 👇👇
codewithandrea.com/
LEVEL: BEGINNER
This is an introduction to the Provider Package.
It explains what Provider is and how to install it.
And it shows how to use it as a dependency injection system, to enable multiple flavors in your Flutter apps.
For more info on flavors, see: / flavoring-flutter
HIGHLIGHTS
00:00 - Intro
00:56 - Intro to Provider
01:43 - Installing the Provider package
02:05 - Multiple flavors
02:51 - Injecting the flavor with Provider
04:54 - Using Provider.of
06:19 - Adding separate entry points for each flavor
08:32 - Multiple configurations in VS Code
Join my FREE email course to become a Flutter expert with the best resources, at your own pace: codewithandrea.com/newsletter/
Want more? Check out all my Flutter courses: 👇👇
codewithandrea.com/courses/
Happy coding!

Thanks once more. It is a great update of your excelente course. Waiting for the next video.

[@alvinvin00]

just what i need, thank you

[@kazimahfuzur7391]

Thanks Waiting for the next video

[@TonTruong]

Thanks for share, really help me alot.

[@jaisalshah117]

Thank you for providing this great tutorial. Just one request, please provide some tutorials for MVVM Architecture. I will always be waiting for new videos on MVVM Architecture.

[@muhammadyasser9929]

Thanks Andrea! Kindly complete this series to be a reference for everyone.

[@CodeWithAndrea]

New videos will be added weekly ;)

[@muhammadyasser9929]

@@CodeWithAndrea Awesome, you can also show some love for my comment (the first comment).

[@SergioArroyoSailing]

nice entry to provider! thanks alot!

[@SergioArroyoSailing]

great tutorial! really good for us beginners ! towards the end you really did give us a glimpse of how high the mountain goes :)

[@Abhishvek]

Yeah! Its great! You should also check this video over Provider😁 kzbin.info/www/bejne/noO2pXSjoLmWgLs

[@odedzimerman8972]

Great tutorial ! It would have been event greater had you left a link to the source code so that I could play around with it. Thanks Andrea

[@ankitgupta-iz3sc]

Thanks !!!!!!!!!! waiting for next................

[@freeflutterresources9109]

Hope to get more videos on flutter on daily basis

[@insanegamer7252]

I watched a lot of videos this made me click! Good work

[@Sasuke-zv4ro]

Good explanation 👍

[@joseinTokyo]

this is gold

[@sadabwasim9850]

Great 😊👍

[@ramprasad179]

Hey, It was a nice tutorial for understanding Flutter Provider Package. How to access the flavor state where will not have access to context, say in the network manager wrapper which decides the base URL based on the flavor we are running.

[@thomasmabika7291]

can you please do a series on architectures...mvp, mvvm etc.

[@CodeWithAndrea]

Interesting - this has been requested twice in a day. I'll keep this in mind :)

[@kirill4531]

@@CodeWithAndrea yes please. The real thing starts when you have couple of screens and each of them should have its own ViewModel. And often each view model has a user repository or data repository as a dependency. And you need to access them and handle their changes, also you should change UI correspondingly. P.S. thanks to Provider v.3 there are ProxyProvider and ChangeNotifierProxyProvider which do the nesting dependency. But we need a solid example of how it should be built nice and clean

[@mwont]

Thanks for the course. Any chance for its update? Current provider is in version 5 now (3 in your vid), and some things have changed, such as it is no longer recommended to use `Provider.value`.

[@AjmalJalalajmal]

Hi Andrea, I am one of your students in Udemy as well. I completed the course there and now I am here based on your recommendation to checkout this flutter provider course on KZbin. I liked your videos and tutorials. Congratulations and please keep up the good work. I have a request though. I developed a Flutter mobile app with firebase as a backend service. It is a social media app that really needs realtime data flow. I used streambuilder but the problems is that I could not find a solution for pagination with streambuilders in flutter and this makes streambuilders very hard to use for pagination and realtime data flow at the same time. Do you mind making a video on pagination with streambuilders using firebase. It will help, not only me but, a bunch of other developers that are looking for a solution. thank you

[@oswaldoolea2889]

for an intro it could have been a simpler provider, interesting although the flavors, thanks

[@Milan-Jadav]

🔥

[@prashantvani8416]

Can you make a video regarding, how to fetch data from restapi using provider pattern in flutter ?

[@YasinIlhan61]

Hi Andrea, it would be amazing series.. After Provider series do you have plan about Isolates series ?

[@CodeWithAndrea]

Not planned at the moment. The Flutter team already published some great tutorials about isolates.

[@benmarcus2577]

if we send a different context what would happen?? as in final flavor = Provader.of("SOME OTHER CONTEXT"); would we be looking in a different widget tree?? thanks so much

[@izzy-cs6fu]

please can you do a video on code structures, design patterns, architectures etc.

[@CodeWithAndrea]

That's an interesting request. That could be the content for an entire course. Have you looked for videos/courses on this topic? What's missing in your opinion?

[@euginium1539]

what on earth is flavors and why do we need 3 entry points? Newbie here please explain.

[@ShresthaSujal]

Which VS code extension have you used for showing up the trees like lines for indentions and blocks of codes?

[@CodeWithAndrea]

Try setting "dart.previewFlutterUiGuides": true in "settings.json".

[@LikeLuluLikeLulia]

Hi, Andrea, I noticed in the official provider package ReadMe, it says DON'T use Provider.value to create your object, and I don't understand, is there update for your provider video? thank you!

[@chat-24]

the provider itself is complicated for beginners like me and adding flavor makes it even complex, the flavor thing can be skipped for sake of simplicity

[@mimo2202]

Hi what is the name of that program of widget tree visualization in 03:11? thank a lot

[@sajadrahmdel2385]

Is it up to date to the latest release of provider and flutter?

[@hardiklakhalani6268]

well explained but example is not comprehensible for most of us state management noobs, We are watching this as probably the "second video" to get in State management, by that aspect this could have been little easier to understand. especially by changing from "flavor" thing example. Thanks anyway. I've seen your other videos, all helped a lot.

[@kelvintechlab]

Can i use this method to sign in different users to different home screen ? example you could login as an admin or user, both have different home screens how can i solve this issue with flutter. and how do i let the user stay logged in to a particular home screen. please can anyone help me.

[@fredrichgaming9193]

thank you for video, but if anyone want to use no Flavor, what about that?

[@CodeWithAndrea]

Then don’t use it :) This was just an example showing how to provide value in the widget tree.

[@dhruvkelawala960]

What is the VSCode theme that you are using?

[@CodeWithAndrea]

Dhruv Kelawala it’s called Dracula

[@easazade]

can you share the theme you use for vscode?

[@CodeWithAndrea]

It's called Dracula

[@bascelik91]

What is the VS COde theme?

[@anujbarve]

The theme is Dracula

[@WorstDeveloper]

What if you need 50 different providers? Do you need 50 widgets in the root?

[@CodeWithAndrea]

Provided that you’re happy to have them accessible by all widgets, yes you can put them inside a MultiProvider.

[@WorstDeveloper]

@@CodeWithAndrea okey, thanks. I'm looking for something like Vuex (state manager for Vue). Where you have a single globally accessible store that holds the state and the methods used to mutate the state. Whenever the state is mutated, all subscribers to it gets the updated state. I would like to not subscribe to the state inside of the widget tree, because that seems like a pretty bad design choice to me. It couples data with UI too hard. Sometimes you need to do computations on the data first before triggering a re-render. I've heard about redux, but it still seems like you have to subscribe to state changes with widgets. Got any ideas?

[@ghulammurtaza7959]

Hi, your Udemy courses are amazing I have just seen demos. I have a request to you I am a student and I can't afford to buy courses in this case I need your help please 🙏l

[@aayasir217]

Can I learn it now? Or provider is updated ?

[@ISOLATED_MAN_]

dude same doubt

[@aayasir217]

@@ISOLATED_MAN_ Learn from an updated source. I have learned it.

[@ISOLATED_MAN_]

@@aayasir217 thx bro..

[@zuherabud744]

i came here to know about provider i thought flavor is some type of example you used for a recipe app or food app only to find out that its a concept in flutter you didnt explain why we need to use provider in the first place is it soo important is it a good alternative or its a must to know widget these kind of stuff please.................... dont just start making projects without telling us why .......you know your stuff but you can do better wit explaining

[@Adaministrator]

seeing on the v4+ Provider release pages now: "DON'T use Provider.value to create your object. ChangeNotifierProvider.value( value: MyModel(), child: ... )"

[@marufhassan634]

@Adam Rudd If I am trying to use ChangeNotifierProvider in place of Provider.value in v4.+, I am getting an error which says 'Flavor' doesn't extend ChangeNotifier' ChangeNotifierProvider.value( value: Flavor.dev, child: MyApp(), ),

[@sandwichtube]

So why do you take something simple and use a difficult example?

[@hamza2tq]

This should've been a provider specific tutorial, there was no need to implement flavors or complicate it by creating multiple main.dart files.

[@danchatka8613]

May I suggest removing all the boiler plate comments from the files you use in your tutorial? Those comments are not related to your tutorial. The comments cause you to waste time to scrolling around the file. The comments interfere with letting the viewer see the important code you add.