Everything About Flutter Themes In Less Than 10 Minutes
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): https://flutter.dev/docs/cookbook/design/themes
ThemeData Class: https://api.flutter.dev/flutter/material/ThemeData-class.html
TextTheme Class: https://api.flutter.dev/flutter/material/TextTheme-class.html
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 https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library https://youtu.be/0IgndUb1YQI
Видео Everything About Flutter Themes In Less Than 10 Minutes канала Flutter Mentor
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): https://flutter.dev/docs/cookbook/design/themes
ThemeData Class: https://api.flutter.dev/flutter/material/ThemeData-class.html
TextTheme Class: https://api.flutter.dev/flutter/material/TextTheme-class.html
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 https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library https://youtu.be/0IgndUb1YQI
Видео Everything About Flutter Themes In Less Than 10 Minutes канала Flutter Mentor
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Theme your Flutter Apps like a PRO | Flutter UI Design | Dark Mode in Flutter](https://i.ytimg.com/vi/6YuQEVN6j-g/default.jpg)
![Theme (Flutter Hallowidget of the Week)](https://i.ytimg.com/vi/oTvQDJOBXmM/default.jpg)
![Top 30 Flutter Tips and Tricks](https://i.ytimg.com/vi/5vDq5DXXxss/default.jpg)
![Material Theming with Flutter (Flutter Interact '19)](https://i.ytimg.com/vi/stoJpMeS5aY/default.jpg)
![31- Flutter Use themes to share colors and font styles (Arabic)](https://i.ytimg.com/vi/kyPVUloB7r8/default.jpg)
![Flutter Hive Explained In 8 Minutes](https://i.ytimg.com/vi/L-oUzgxOfdY/default.jpg)
![Flutter Shop App UI - Speed Code](https://i.ytimg.com/vi/Q67qNgSVVpA/default.jpg)
![How do I make my first Flutter app](https://i.ytimg.com/vi/xWV71C2kp38/default.jpg)
![The little things: Becoming the mythical designer-developer](https://i.ytimg.com/vi/MIepaf7ks40/default.jpg)
![Flutter GetX + Material Design 3 Theme 样式自定义 - 猫哥](https://i.ytimg.com/vi/hhw8HsaTAa4/default.jpg)
![Flutter Tutorial - Flutter Dark Mode Switch - Light & Dark Theme [2021] For Android & iOS](https://i.ytimg.com/vi/HSAa9yi0OMA/default.jpg)
![Flutter Theming, Pair Programming with Author of Flex_Color_Scheme! 32+ color schemes in one app!](https://i.ytimg.com/vi/6OQmQiiflNM/default.jpg)
![Flutter & Firebase Course - Build a Full Stack Instagram Clone](https://i.ytimg.com/vi/mEPm9w5QlJM/default.jpg)
![Switch Themes with Flutter Bloc - Dynamic Theming Tutorial (Dark & Light Theme)](https://i.ytimg.com/vi/YYbhkg-W8Mg/default.jpg)
![Learn Flutter Life Cycle In 10 Minutes](https://i.ytimg.com/vi/CjloInz3-I0/default.jpg)
![Flutter Basic Training - 12 Minute Bootcamp](https://i.ytimg.com/vi/1xipg02Wu8s/default.jpg)
![69 Flutter Tips and Tricks (3)](https://i.ytimg.com/vi/hDVZykwl13I/default.jpg)
![Flutter - How To Read Documentation As A New Developer (For Beginners)](https://i.ytimg.com/vi/gzVJwBd-oEs/default.jpg)
![Flutter Hooks - Say Goodbye To Stateful Widget](https://i.ytimg.com/vi/hiqpPKF_fic/default.jpg)
![Flutter Tutorial - Draggable Modal Bottom Sheet: Scrollable, Height, Full Screen, Rounded Corners](https://i.ytimg.com/vi/AjAQglJKcb4/default.jpg)