Switch Themes with Flutter Bloc - Dynamic Theming Tutorial (Dark & Light Theme)

📗 Learn from the written tutorial & get the code 👇👇

👨‍💻 Do you write good code? Find out now 👇

Themes are a sure way to add a vibrant touch to your apps. With Flutter's theming support, you can customize literally everything with only a few lines of code. What if you want to let your users change the themes on the fly though? At the very least, every app should support light and dark mode.

One option is to hack something together using StatefulWidgets. Another, and better option, is to use the flutter_bloc library to create an extensible and manageable theme switching framework.

Go to the website for more information, code examples, and articles:

Follow me on social media:

[mengyan]

Great video. Always let me learn a lot. Thanks!! Please keep up. 💪

[ThEGeEeK]

The best of the best explanation. Love you bro.

[Hicham_SaAh]

awesome and clear, thank you so much, you makes me love flutter

[intelxd]

amazing content, I like how clear your explanations are... If I could recommend something, I'd like to see some more advanced UI builds, not only in terms of different widgets, but rather in terms of modern looks.

Thanks for sharing this content!

[jaserjsk]

Awsome tutorial but your code needs to an update.
Does not work with current version of Flutter UI.

[sabujmahbubul]

You are Awesome i must say👍👍👍hope you will upload videos more frequently

[irakliish]

I don' t know why, but theme not change :/

[Abhishek_Pal]

Hello @Reso Coder,


This tutorial seems to be old as the bloc now no longer creates 4 files and instead does 3. and the management seems to be changed as well. Can you please create a new video about the newer one ?

[amaromem]

Hi, your channel and explanations are so simple and yet so complete, I think is the best programming channel in Youtube.

Have you ever done a tutorial for getting notifications from FCM when phone is in Doze/ Standby/Idle state?
I think is not possible to achieve..

[alvin]

Hey ResoCoder, awesome tutorial as always! Could you make a video on flutter dynamic widget package? It uses Json file to dynamically build flutter widgets

[harikrishnang]

Can you explain it for latest bloc and equatable?

[SahharYoucef]

nice video, but i think ChangeNotifier would be faster and less coded

[RobertWildling]

ResoCoder, this is a very nice tutorial and puts knowledge from earlier tutorials into another practical use case! Thank you very much!!!
Can you please let us know, which icon theme in VSCode you use? I have the material icons activated, but the bloc folders will not turn yellow as they do in your setup... Thank you!

[vianeyvargas]

Thanks for your video, and please and how would it be with MiltiBlocProvider inside the Main class?.

[ran]

Hi!
Thank you!
Have new version of this because its not works :(

[Just_JasonZA]

Man i could not follow this as of the latest March 2020 there is a new "part of" that the auto block creates and the block.dart is removed please could you do an up to date version of this

[el]

itemAppTheme)); dispatch method does not exist flutter_bloc: ^6.1.1 solved :
.add(ThemeChanged(theme: itemAppTheme));

[MoAdel]

can i follow this tutorial with provider rather than bloc??

[sokheangkhun]

Can you do splash screen for both Android and iOS?

[samirdesigner]

thanks
if make about change language app how do this? is very good