Flutter Layout Basics: Row, Column, Stack, Expanded, Container, ListView, GridView

Опубликовано: 07 Апрель 2021
на канале: HeyFlutter․com
14,916
510

Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView 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/layo...
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
Autofill Services In 5 Minutes Tutorial:    • Flutter Tutorial - Autocomplete TextF...  
Search & Filter In ListView Tutorial:    • Flutter Tutorial - Search In ListView...  
App Bar Tutorial:    • Flutter Tutorial - App Bar & Transpar...  
Search Bar & Search Delegate Tutorial:    • Flutter Tutorial - Search TextField F...  
TextField Tutorial:    • Flutter Tutorial - TextField - Deep Dive  
Form & TextFormField Tutorial:    • Flutter Tutorial - How To Use Form an...  
Quiz App UI Tutorial:    • Flutter Tutorial - 1/2 Quiz App UI  
Todo App UI Tutorial:    • Flutter Tutorial - 1/2 Todo App UI Fr...  
Shop UI Tutorial:    • Flutter Tutorial - 1/3 Shop UI - From...  
Onboarding UI Screen Tutorial:    • Flutter Tutorial - Onboarding UI Screen  
Light & Dark Theme Tutorial:    • Flutter Tutorial - Flutter Dark Mode ...  
Showcase & Highlight Widgets Tutorial:    • Flutter Tutorial - Showcase & Highlig...  
Sticky Headers In ListView Tutorial:    • Flutter Tutorial - Sticky Headers In ...  
Selectable DataTable Tutorial:    • Flutter Tutorial - Selectable DataTab...  
Safe Area VS App Bar Tutorial:    • Flutter Tutorial - Safe Area VS AppBa...  
Buttons 2.0 Tutorial:    • Flutter Tutorial - New Flutter Materi...  

TIMELINE
0:00 Introduction Layout Basics
0:21 Create Row Widget
0:45 Row Main Axis Size
1:03 Row Main Axis Alignment
2:33 Row Cross Axis Alignment
3:00 Create Column Widget
3:50 Create Stack Widget
4:42 Stack Alignment
5:21 Stack Positioned Widget
6:43 Stack Clip Behaviour
7:18 Create Expanded Widget
8:45 Create Container Widget
8:51 Container Padding
9:04 Container Margin
9:28 Create ListView Widget
9:37 Create Horizontal ListView Widget
9:51 Create Horizontal GridView
10:14 Create Vertical GridView
10:34 Aspect Ratio

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