Flutter Tutorial - Set Screen Background Color | Gradient Background | In 7 Minutes

Published: 03 June 2021
on channel: HeyFlutter․com

39,380

764

Use Flutter to set the Screen Background Color to a single background color or to apply a gradient background color in Flutter.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke...

👉 12 Week Flutter Training | https://heyflutter.com
👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass

Source Code | https://github.com/JohannesMilke/back...
My Courses | https://heyflutter.com
Follow Newsletter | https://johannesmilke.com/#/newsletter

SUBSCRIBE HERE
http://bit.ly/JohannesMilke

SUPPORT & SPONSOR ME
https://github.com/sponsors/JohannesM...

RESOURCES
Splash Screen Tutorial:    • Flutter Tutorial - Native Splash Scre...
Flutter Layout Basics Tutorial:    • Flutter Layout Basics: Row, Column, S...
App Bar Tutorial:    • Flutter Tutorial - App Bar Design UI ...
Search App Bar Tutorial:    • Flutter Tutorial - Search TextField F...
First Flutter App Tutorial:    • Flutter Tutorial - Hello World App In...
Modal Bottom Sheet Tutorial:    • Flutter Tutorial - Draggable Modal Bo...
Image Tutorial:    • Flutter Tutorial - Flutter Image - Lo...
Video Player Tutorial:    • Flutter Tutorial - Video Player - Ass...
Sortable DataTable Tutorial:    • Flutter Tutorial - Sortable DataTable...
List Utility Methods Tutorial:    • Flutter Tutorial - Dart List Utility ...
User Profile Page UI Tutorial:    • Flutter Tutorial - User Profile Page ...
Quiz App UI Tutorial:    • Flutter Tutorial - 1/2 Quiz App UI
PDF Viewer Tutorial:    • Flutter Tutorial - PDF Viewer - Asset...
Expandable List Tutorial:    • Flutter Tutorial - Expandable List - ...
Navigation Drawer Tutorial:    • Flutter Tutorial - Sidebar Menu & Nav...
Search & Filter In ListView Tutorial:    • Flutter Tutorial - Search In ListView...
Staggered GridView Tutorial:    • Flutter Tutorial - GridView VS Stagge...
Create Invoice PDF Document Tutorial:    • Flutter Tutorial - Create Invoice PDF...

TIMELINE
0:00 Introduction Set Screen Background Color
0:19 Set Screen Background Color
0:47 Set Background Color Hex / Hex Color
1:15 Set AppBar Background Color
1:28 Set Full Screen Background Color
1:48 Set Multiple Screens Background Color / Set All Screens Background Color
2:51 Set Background Color Gradient
3:55 Set Multiple Background Color Gradient
4:10 Set Fullscreen Background
4:48 Change Gradient Alignment
5:18 Change Gradient Stops

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)
Twitter |   / heyflutter_
Linkedin |   / heyflutter

LEARN MORE
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES |   / johannesmilke

PLAYLISTS
All Flutter Videos |    • Flutter Tutorial - Flutter Story App ...
Widgets - Flutter |    • Flutter Tutorial - Flutter Wrap
Plugins - Flutter |    • Flutter Tutorial - Flutter Story App ...
Animations - Flutter |    • Flutter Tutorial - Transition Animati...
Designs - Flutter |    • Flutter Tutorial - FlutterUI - Minima...
Firebase - Flutter |    • Flutter Tutorial - Pagination & Infin...
State Management - Flutter |    • Flutter Tutorial - Riverpod - 1/3 The...

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke