Everything About Flutter Themes In Less Than 10 Minutes
Vložit
- čas přidán 27. 07. 2024
- Don't understand how themes work in Flutter? In this video I go over how to figure it out fully. I show you how access the documentation and find out for yourself how to make the changes you desire.
In this video I also show how to implement dark mode very briefly and how to use ThemeData.dark() (and also how to customize it).
Customizing Flutter themes can be much simpler than you would think!
In this video we also explore the buttonTheme and how to customize it properly, as well as the very recent elevatedButtonTheme (what you learn from the example can also be applied to textButtonTheme and outlinedButtonTheme).
I truly believe that after finishing this video, you will have at your disposal all the tools you'll need to become a Flutter Themes master.
Theming is an art, use it wisely!
Documentation:
Creating An App Theme (Cookbook): flutter.dev/docs/cookbook/des...
ThemeData Class: api.flutter.dev/flutter/mater...
TextTheme Class: api.flutter.dev/flutter/mater...
00:00 - Intro
00:30 - The theme Property
01:02 - ThemeData Documentation
01:47 - ThemeData.dark() (Dark Theme)
02:31 - Customizing ThemeData()
03:59 - Applying Theme To A Specific Button
05:05 - Changing Scaffold Background Color
05:43 - textTheme
06:35 - Customizing ThemeData.dark()
07:20 - Giving a Button Its Own Theme
07:38 - Applying Theme To Any Widget
07:47 - Defining A buttonTheme
08:45 - Exemplifying The elevatedButtonTheme
09:13 - Flutter Mentor Out
#flutter #themes #themedata
Credits:
OUTRO SONG:
Mitsubachi by Smith The Mister smiththemister.bandcamp.com
Smith The Mister bit.ly/Smith-The-Mister-YT
Free Download / Stream: bit.ly/mitsubachi
Music promoted by Audio Library • Mitsubachi - Smith The...
Hello! Since Material 3 is out, I am sure a new updated video of theming will give you more views!!
This is the best Flutter Theme video on youtube. I have spent many hours on other channels jumping from on to the other. Finally, your vid pops up in my home page as suggestions. Thanks for those who contributed to this vid's suggestion. Please let's support out guy by subscribing and giving a hit!
Thank you so much, Flutter Mentor.
Great vid, I have been struggling to figure out how to use themes with the new buttons, you made it very straight forward. Keep up the great work.
I feel like I just got 43 hours of knowledge in 10 minutes. THANK YOU.
Haha, thank you so much! Appreciate the support
Thank you so much. My head hurt when I was trying to implement a consistent theme for the entire app. Now I believe I can do it swiftly. It would have been great if you also showed the icon theme, but now I feel confident enough to be able to try it myself. Thanks again!
Glad it helped! It's great that you want to try it yourself. That's the best way to learn. I don't have any videos on the icon theme, but if you want to look at another theme example, I do have a video on using themes to style a Slider here: czcams.com/video/ZlUEnA4ggYA/video.html
Thank you for this tutorial. I had a rough understanding of it, but you made it much clearer.
Glad to hear that!
this video for sure helped me understanding themes in general.
I am a Brazilian university student and I am learning a lot with your videos. Thanks
Love it! Thanks so much! (Cumprimentos de Portugal haha !)
Man, your channel is very informative, keep going!
Thank you so much! And thanks for watching
Thanks for the good explanation mate!
Great vid, thanks!
Thanks! very helpful
Awesome video! Looking forward to more videos in the future :)
Thank you so much! Appreciate the support
great tutorial 👍
thank you
Good tutorial, but much has changed since the day of this recording. Apparently, with the new version of Flutter (I'm using 3.0.3), one must use something like this:
colorScheme: ColorScheme.light().copyWith(primary: Color(0xFF45D1FD)).
Colors and theme behaviors change significantly, so you cannot really follow this tutorial starting around 3:36 .... I hope you could update or release a new version. Nevertheless, this is great.
God bless CZcams for half video speed)) Thanks author for the explicit video tutorial!
Glad it was helpful!
Thank you
Oh really great 👍
thank you!
After you printed the ThemeData() how did you show the properties is there a button or something?
primaryColor doesn't work anymore
is there any other way to set the primary color with a hexadecimal color value?
and thanks for the content
deprecated