How to add Dark mode in Flutter with Provider | Shared Preferences | Adaptive Theming

By the end of this tutorial, you will be able to seamlessly integrate light and dark themes into your own apps.
All the assets and code are available in the link below.
Source Code: github.com/Flutter-ui-dev/Flu...
00:00 - Intro
00:25 - Coding UI
05:06 - Creating Theme Provider
06:45 - Integrating Provider With UI
10:17 - Persisting Theme using Shared Prefs
#flutter #flutterdev #theming #darkmode

[@thainguyen4808]

You have covered many wonderful things in a concise and informative manner

[@IneffableRespect]

Super bro

[@dev.bojack]

This was perfect.

[@tasaddaqrandhawa4219]

really helpful also clean code using provider arch.

[@iznasen]

the best ever!

[@flutteruidev]

Thanks 😊

[@flutterwithabdul6142]

very help full

[@flutteruidev]

Glad it helped

[@bhon2110]

Thank you for the tutorial,
I want to know how can we get the theme from prefs before it builds the UI to the user.
Instead of building the UI first, then change the theme.

[@flutteruidev]

I guess setting the themeMode in material app according to prefs will do the job

[@LeeCasey]

How do you customise with .copyWith()?

[@flutteruidev]

The copyWith method can be use with almost any material properties,
To customise just call it and pass the parameters that you want to customise, it is really that simple

[@davidnestico]

i followed step by step idk why it's not working, there aren't even any errors that it's showing 😭

[@flutteruidev]

Can you share your code

[@kickart7517]

i get an error in themeMode: provider.themeMode

[@flutteruidev]

What error did you exactly got?