Flutter Tutorial - Flutter Dark Mode Switch - Light & Dark Theme For Android & iOS

HeyFlutter․com • January 12, 2021
Video Thumbnail
HeyFlutter․com Logo

HeyFlutter․com

View Channel

About

HeyFlutter.com is your one-stop destination for all things related to Flutter! As a leading Flutter Development company, we help businesses around the world to design, develop and successfully scale professional Websites, Mobile Apps, TV Apps and Backend Servers. 🔥🔥 Have a look at our portfolio → https://heyflutter.com/portfolio But that's not all - we're passionate about sharing our expertise, which is why we offer in-depth tutorials and a comprehensive 12 Week Bootcamp dedicated to mastering Flutter development. Whether you're just starting out or already experienced, our channel is here to help you learn and grow with Flutter. Come join us as we explore the exciting world of Flutter, where creativity and skill come together! ⚡⚡ Do you want to become a Flutter expert? Grow from Flutter Newbie until Advanced level → https://heyflutter.com

Video Description

Switch easily between Dark & Light Theme with the Flutter Dark Mode Switch. We cover both phone system themes and app local themes. Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke?sub_confirmation=1 👉 12 Week Flutter Training | https://heyflutter.com 👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass Source Code | https://github.com/JohannesMilke/theme_example My Courses | https://heyflutter.com Follow Newsletter | https://johannesmilke.com/newsletter SUBSCRIBE HERE http://bit.ly/JohannesMilke SUPPORT & SPONSOR ME https://github.com/sponsors/JohannesMilke RESOURCES Provider Tutorial: https://www.youtube.com/watch?v=cltCpXY60Sk Switch Tutorial: https://www.youtube.com/watch?v=PVuJ-If0AuU App Bar Tutorial: https://www.youtube.com/watch?v=dHBF4IJZvHk Search App Bar Tutorial: https://www.youtube.com/watch?v=RaACAwvZ61E Blur Widgets Tutorial: https://www.youtube.com/watch?v=rBJBr4nuuuE Social App Design Tutorial: https://www.youtube.com/watch?v=PvDOgOdUgkU Tinder Dating App Tutorial: https://www.youtube.com/watch?v=v1wofhoutBk Shop Ui Tutorial: https://www.youtube.com/watch?v=CQZr-GXe__Y TIMELINE 0:00 Introduction Light & Dark Theme 0:37 Setup Theme Modes 1:52 Background Color Theme 2:20 Change System Theme 2:49 Text Theme 4:25 Change Local Theme 8:31 Get System Theme 8:48 Get Local Theme 9:22 Themes For Advanced UI 9:50 Widget Background Color Theme 11:04 Icon Theme 13:02 Fix Theming Issues 13:37 Avatar Border Theme 14:27 System & Local Theme SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS ********* SOCIAL MEDIA: Follow Me :-) Youtube | https://www.youtube.com/JohannesMilke?sub_confirmation=1 Twitter | https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke Linkedin | https://linkedin.com/in/JohannesMilke Instagram | https://instagram.com/JohannesMilke Github | https://github.com/JohannesMilke Medium | https://medium.com/@JohannesMilke Website | https://johannesmilke.com LEARN MORE SOURCE CODE | https://github.com/JohannesMilke ARTICLES | https://medium.com/@JohannesMilke PLAYLISTS All Flutter Videos | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC_MPQBXUFwAHviZ3XkWPDBG Widgets - Flutter | https://www.youtube.com/watch?v=1nEmFuX1Cig&list=PL1WkZqhlAdC8enpcvzv_uAS9FmHTDOCJ8 Plugins - Flutter | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC9shbzjQao6cdzqB_Wu7Hr4 Animations - Flutter | https://www.youtube.com/watch?v=RLPZzDOPXG4&list=PL1WkZqhlAdC9pQE4nd9oAJi5eM9YXJeji Designs - Flutter | https://www.youtube.com/watch?v=aLwjk-G2Qik&list=PL1WkZqhlAdC-i3Vs_HBQw9BPT9-_zMSun Firebase - Flutter | https://www.youtube.com/watch?v=IruuzPydPz4&list=PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7 State Management - Flutter | https://www.youtube.com/watch?v=8H3bwxxla4Y&list=PL1WkZqhlAdC-GNyxQbfn8Db9pR6bRcQuw CREDITS Copyright song "Corporate Technology" by scottholmesmusic.com #Flutter #Tutorial #JohannesMilke LIKE & SHARE & ACTIVATE THE BELL Thanks For Watching :-) http://bit.ly/JohannesMilke

You May Also Like

Upgrade Your iPhone Experience

AI-recommended products based on this video

Loading...
SURPHY Silicone Case Compatible with iPhone 13 Case 6.1 inch (2021), with Camera Protection Liquid Silicone Soft Gel Rubber Phone Case Cover with Microfiber Lining (Pink) Global Recycled Standard

SURPHY Silicone Case Compatible with iPhone 13 Case 6.1 inch (2021), with Camera Protection Liquid Silicone Soft Gel Rubber Phone Case Cover with Microfiber Lining (Pink) Global Recycled Standard

(17,438)
$17.99
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
JETech Silicone Case for iPhone 13 6.1-Inch, Silky-Soft Touch Full-Body Protective Phone Case, Shockproof Cover with Microfiber Lining (Black)

JETech Silicone Case for iPhone 13 6.1-Inch, Silky-Soft Touch Full-Body Protective Phone Case, Shockproof Cover with Microfiber Lining (Black)

(13,546)
$12.99
FREE delivery Sat, Sep 20 on your first order
500+ bought in past month
Loading...
GuaGua Case for iPhone 13 6.1 Inch Liquid Silicone Soft Gel Rubber Slim Thin Microfiber Lining Cushion Texture Cover Shockproof Protective Anti-Scratch Phone Case for iPhone 13 2021 Yellow

GuaGua Case for iPhone 13 6.1 Inch Liquid Silicone Soft Gel Rubber Slim Thin Microfiber Lining Cushion Texture Cover Shockproof Protective Anti-Scratch Phone Case for iPhone 13 2021 Yellow

(1,402)
$13.99
FREE delivery Sat, Jun 14 on your first order
100+ bought in past month
Loading...
JETech Case for iPhone 13 Pro 6.1-Inch, Non-Yellowing Shockproof Phone Bumper Cover, Anti-Scratch Clear Back (Clear)

JETech Case for iPhone 13 Pro 6.1-Inch, Non-Yellowing Shockproof Phone Bumper Cover, Anti-Scratch Clear Back (Clear)

(15,570)
$11.99
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
Magnetic Wireless Charger for iPhone - 3 in 1 Mag-Safe Charging Station for Multiple Devices Apple - Charger Stand Dock for Apple Watch iPhone 16 15 14 13 12 Pro Max Plus Airpods

Magnetic Wireless Charger for iPhone - 3 in 1 Mag-Safe Charging Station for Multiple Devices Apple - Charger Stand Dock for Apple Watch iPhone 16 15 14 13 12 Pro Max Plus Airpods

(750)
$59.99
PrimeFREE delivery Sat, Jun 14
Loading...
4-in-1 Wireless Magnetic Power Bank 10800mAh Portable Charger with iWatch Charger, QC4.0+20W PD Fast Charging USB C Battery Pack for Magsafe, iPhone 16/15/14/13/12 Series, Apple Watch etc. (White)

4-in-1 Wireless Magnetic Power Bank 10800mAh Portable Charger with iWatch Charger, QC4.0+20W PD Fast Charging USB C Battery Pack for Magsafe, iPhone 16/15/14/13/12 Series, Apple Watch etc. (White)

(581)
$42.95
PrimeFREE delivery Sat, Jun 14
Loading...
eazpower for Magsafe Power Bank 10000mAh, Magnetic Battery Pack Wireless, 20W PD Fast Charging, Compact Portable Charger with Built-in Cables and Stand for iPhone 16/15/14/13/12/ Apple Watch/Airpods

eazpower for Magsafe Power Bank 10000mAh, Magnetic Battery Pack Wireless, 20W PD Fast Charging, Compact Portable Charger with Built-in Cables and Stand for iPhone 16/15/14/13/12/ Apple Watch/Airpods

(330)
$39.99
PrimeFREE delivery Sat, Jun 14
200+ bought in past month
Loading...
Wireless Charging Case for AirPods Pro 1st / 2nd Gen with Type-C Charging Port, Compatible with AirPod Pro 2nd Generation Replacement Case, with Blue-Tooth Sync Button, No Earbuds

Wireless Charging Case for AirPods Pro 1st / 2nd Gen with Type-C Charging Port, Compatible with AirPod Pro 2nd Generation Replacement Case, with Blue-Tooth Sync Button, No Earbuds

(15)
$42.98
PrimeFREE delivery Sat, Jun 14
Loading...
soundcore by Anker P20i True Wireless Earbuds, 10mm Drivers with Big Bass, Bluetooth 5.3, 30H Long Playtime, IPX5 Water-Resistant, 2 Mics for AI Clear Calls, 22 Preset EQs, Customization via App

soundcore by Anker P20i True Wireless Earbuds, 10mm Drivers with Big Bass, Bluetooth 5.3, 30H Long Playtime, IPX5 Water-Resistant, 2 Mics for AI Clear Calls, 22 Preset EQs, Customization via App

(61,759)
$29.99
FREE delivery Sat, Jun 14 on your first order
4K+ bought in past month
Loading...
Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

(44,904)
$17.99
FREE delivery Wed, Aug 20 on your first order
6K+ bought in past month
Loading...
soundcore by Anker Q20i Hybrid Active Noise Cancelling Headphones, Wireless Over-Ear Bluetooth, 40H Long ANC Playtime, Hi-Res Audio, Big Bass, Customize via an App, Transparency Mode, Ideal for Travel

soundcore by Anker Q20i Hybrid Active Noise Cancelling Headphones, Wireless Over-Ear Bluetooth, 40H Long ANC Playtime, Hi-Res Audio, Big Bass, Customize via an App, Transparency Mode, Ideal for Travel

(39,496)
$52.99
FREE delivery Sun, Oct 19
3K+ bought in past month
Loading...
soundcore by Anker Q20i Hybrid Active Noise Cancelling Headphones, Wireless Over-Ear Bluetooth, 40H Long ANC Playtime, Hi-Res Audio, Big Bass, Customize via an App, Transparency Mode, Ideal for Travel

soundcore by Anker Q20i Hybrid Active Noise Cancelling Headphones, Wireless Over-Ear Bluetooth, 40H Long ANC Playtime, Hi-Res Audio, Big Bass, Customize via an App, Transparency Mode, Ideal for Travel

(30,156)
49.98
PrimeFREE delivery Saturday, June 14
500+ bought in past month
Loading...
ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

(1,463)
$13.99
FREE delivery Sat, Sep 20 on your first order
200+ bought in past month
Loading...
[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector

[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector

(28)
$10.79
FREE delivery Sun, Sep 28 on your first order
Loading...
[3+3 Pack] for Samsung Galaxy S25 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S25 Tempered Glass Screen Protector 5G

[3+3 Pack] for Samsung Galaxy S25 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S25 Tempered Glass Screen Protector 5G

(746)
$12.99
FREE delivery Mon, Aug 25 on your first order
2K+ bought in past month
Loading...
HEYSTOP Switch 2 Case for Nintendo Switch 2, Protective Case Compatible with Nintendo Switch 2, Switch 2 Accessories Kit with Grip Controller ,Tempered Glass Screen Protector, Thumb Stick Caps

HEYSTOP Switch 2 Case for Nintendo Switch 2, Protective Case Compatible with Nintendo Switch 2, Switch 2 Accessories Kit with Grip Controller ,Tempered Glass Screen Protector, Thumb Stick Caps

(60)
$23.99
FREE delivery Sun, Jun 15 on your first order
50+ bought in past month
Loading...
OHLPRO Tablet Holder for Car, iPad Holder for Car Air Vent Mount, Universal Dashboard Windshield 2-in-1 Cradle TPU Suction Sticky Gel for iPad/iPad mini Samsung Galaxy Size 6"- 10.5" iPad Car Holder

OHLPRO Tablet Holder for Car, iPad Holder for Car Air Vent Mount, Universal Dashboard Windshield 2-in-1 Cradle TPU Suction Sticky Gel for iPad/iPad mini Samsung Galaxy Size 6"- 10.5" iPad Car Holder

(1,961)
$22.99$15.09
FREE delivery Tue, Jun 17 on your first order
50+ bought in past month
Loading...
Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

(128)
$21.99
FREE delivery Tue, Jun 17 on your first order
Loading...
AINOPE Phone Holder for Car Vent 2025 Gravity Air Vent Car Phone Holder Mount for iPhone 16 Pro Max with Vent Clip Hand Free Cell Phone Car Mount for iPhone 16 Plus Samsung S25 Ultra Car Accesorries

AINOPE Phone Holder for Car Vent 2025 Gravity Air Vent Car Phone Holder Mount for iPhone 16 Pro Max with Vent Clip Hand Free Cell Phone Car Mount for iPhone 16 Plus Samsung S25 Ultra Car Accesorries

(29,179)
$19.99$18.17
FREE delivery Tue, Jun 17 on your first order
2K+ bought in past month
Loading...
Miracase Car Phone Mount, [2025 Upgraded Strong Military Grade Suction Cup] Long Arm Phone Holder for Car Dashboard Windshield Vent, Hands Free Cell Phone Holder Compatible with All Mobile Phones Global Recycled Standard

Miracase Car Phone Mount, [2025 Upgraded Strong Military Grade Suction Cup] Long Arm Phone Holder for Car Dashboard Windshield Vent, Hands Free Cell Phone Holder Compatible with All Mobile Phones Global Recycled Standard

(39,711)
$22.49
FREE delivery Sat, Sep 20 on your first order
4K+ bought in past month
Loading...
Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear

Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear

(1,204)
$20.99
FREE delivery Sat, Sep 20 on your first order
100+ bought in past month
Loading...
Spigen Case for Galaxy S25 Case, Tough Armor (Ai) MagFit [Wireless Charging] Compatible with MagSafe - Black

Spigen Case for Galaxy S25 Case, Tough Armor (Ai) MagFit [Wireless Charging] Compatible with MagSafe - Black

(2,126)
$28.99
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Spigen Case for iPhone 16 Case, Tough Armor Designed for Apple iPhone 16 - Black

Spigen Case for iPhone 16 Case, Tough Armor Designed for Apple iPhone 16 - Black

(126)
$22.99
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
Spigen Case for iPhone 16 Pro Case, Tough Armor [MagFit] Compatible with MagSafe - Black

Spigen Case for iPhone 16 Pro Case, Tough Armor [MagFit] Compatible with MagSafe - Black

(341)
$32.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Spigen Case for iPhone 16 Plus Case, Tough Armor (AI) [MagFit] Compatible with MagSafe - Black

Spigen Case for iPhone 16 Plus Case, Tough Armor (AI) [MagFit] Compatible with MagSafe - Black

(818)
$29.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

(44,904)
$17.99
FREE delivery Wed, Aug 20 on your first order
6K+ bought in past month
Loading...
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

(103,365)
$13.49
5K+ bought in past month
Loading...
VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

(54,882)
$32.25
FREE delivery Mon, Aug 25 on your first order
1K+ bought in past month
Loading...
iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad

iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad

(4,036)
$8.99
FREE delivery Sun, Jun 29 on your first order
2K+ bought in past month
Loading...
iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods

iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods

(5,626)
$17.99
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
2Pack 10ft iPhone Charger 90 Degree Lightning Cable Right Angle Long USB Charging Cord Compatible with Apple iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad iPod

2Pack 10ft iPhone Charger 90 Degree Lightning Cable Right Angle Long USB Charging Cord Compatible with Apple iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad iPod

(2,193)
$14.24
FREE delivery Sat, Jun 14 on your first order
400+ bought in past month
Loading...
Girl Moments: Coloring Book for Adults and Teens Featuring Cute Cozy Daily Activities for Relaxation
Best Seller

Girl Moments: Coloring Book for Adults and Teens Featuring Cute Cozy Daily Activities for Relaxation

(5,258)
$11.27
FREE delivery Sun, Jun 29 on your first order
Loading...
Apple AirTag 4 Pack

Apple AirTag 4 Pack

(333,593)
$108.98
FREE delivery Sat, Sep 20
5K+ bought in past month
Loading...
Apple AirTag 1 Pack
Best Seller

Apple AirTag 1 Pack

(193,955)
$31.98$29.10
FREE delivery Sat, Jun 14 on your first order
5K+ bought in past month
Loading...
Citymore 4 Pack IPX8 Waterproof for AirTag Keychain,with Soft Silicone AirTags Holder Case Key Ring, Compatible with Apple AirTag for Luggage,Keys, Dog Collar etc

Citymore 4 Pack IPX8 Waterproof for AirTag Keychain,with Soft Silicone AirTags Holder Case Key Ring, Compatible with Apple AirTag for Luggage,Keys, Dog Collar etc

(2,559)
$11.96
FREE delivery Sat, Sep 20 on your first order
3K+ bought in past month
Loading...
HATALKIN Case Compatible with Apple AirTags Case Keychain Air tag Holder Air Tag Key Ring Cases Air Tags Protective Cover Airtag Key Chain Loop Holders Silicone for Luggage Dog Cat Pet Collar 4 Pack

HATALKIN Case Compatible with Apple AirTags Case Keychain Air tag Holder Air Tag Key Ring Cases Air Tags Protective Cover Airtag Key Chain Loop Holders Silicone for Luggage Dog Cat Pet Collar 4 Pack

(19,279)
$9.78
FREE delivery Mon, Aug 25 on your first order
1K+ bought in past month