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

Подписаться 112 тыс.

Просмотров 39 тыс.

50% 1

📗 Learn from the written tutorial & get the code 👇👇
resocoder.com/flutter-switch-...
👨‍💻 Do you write good code? Find out now 👇
resocoder.com/good-code-quiz
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:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder

Опубликовано:

5 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 46

@Hicham_SaAh 4 года назад

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

@mengyan3214 Год назад

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

@ThEGeEeK 4 года назад

The best of the best explanation. Love you bro.

@alvin3171997 4 года назад

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

@vianeyvargas7736 2 года назад

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

@intelxd 4 года назад

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!

@sabujmahbubul5581 4 года назад

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

@ResoCoder 4 года назад

Of course I will! Working on something big right now.

@samirdesigner3324 4 года назад

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

@harikrishnang8181 3 года назад

Can you explain it for latest bloc and equatable?

@amaromem1 4 года назад

Hi, your channel and explanations are so simple and yet so complete, I think is the best programming channel in RU-vid. 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..

@sokheangkhun6634 4 года назад

Can you do splash screen for both Android and iOS?

@RobertWildling 4 года назад

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!

@ResoCoder 4 года назад

I use the very extension you have. You can associate your own folder names with predefined icons in the settings - check the docs on the extension's repo.

@yooscripts5947 3 года назад

hello, is it possible to do navigation in flutter with bloc ?

@irakliish 4 года назад

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

@ran0100 Год назад

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

@jaserjsk 4 года назад

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

@MoAdel92 3 года назад

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

@Abhishek_Pal 4 года назад

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 ?

@nivellemendiola5039 4 года назад

check his flutter bloc crash course. i just learn it yesterday and it work like charm

@nivellemendiola5039 2 года назад

@Juan Sin Miedo im not sure if i still have it on my github account

@Just_JasonZA 4 года назад

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

@richardamare3575 4 года назад

what is the name of this system?

@abanahmed4683 3 года назад

😍

@sokheangkhun6634 4 года назад

How did you do that at 22:34?

@ResoCoder 4 года назад

CTRL + .

@sokheangkhun6634 4 года назад

Thank for very kind of you.

@el4040 3 года назад

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

@SahharYoucef 4 года назад

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

@narcodico 4 года назад

True

@ResoCoder 4 года назад

Maybe yes, once you get going with Bloc though, it's easier to do everything using that pattern.

@narcodico 4 года назад

BLoC is a cool pattern but simply overkill for this feature. But a nice showcase of the pattern nonetheless. Really like your work man :)

@SahharYoucef 4 года назад

Sincerely, i use both provider and bloc. I like bloc, it give me more abilities to manage states 'yield'.

@miklosnemeth8566 4 года назад

@@ResoCoder I fully agree, Mr Angelov made a brilliant job of making the architecture of his package so clean and straightforward, consistent a complete. A big thank you that you have shown this package. I was experimenting with the Provider package, too, but, honestly, flutter_block is a lot easier and more reliable to use. Reactive UI programming is really challenging, and not really a fun; with flutter_block however, it is a lot more straightforward. Actually, the plain old setState when smartly used with a nice architecture is more than enough for most situations. But, this flutter_block is really awesome for medium to more feature rich business applications.

@ThEGeEeK 4 года назад

How to persist the theme in every app launch.