Flutter Tutorial - GridView VS Staggered GridView | With Dynamic Height

Create a Flutter GridView VS Flutter Staggered GridView with dynamic height for the items. With the Staggered GridView, you can display unique column and row designs with custom sizes 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/stag...
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
Card Design Tutorial: Flutter Tutorial - Card Widget Design...
Fix Bottom Overflowed By Pixel Error Tutorial: Flutter Tutorial - Fix Bottom Overflo...
Hive NoSQL Database Tutorial: Flutter Tutorial - Hive NoSQL Databas...
SQFlite SQL Database Tutorial: Flutter Tutorial - SQL Database Stora...
In-App Rating Tutorial: Flutter Tutorial - In App Rating For ...
Flutter Layout Basics Tutorial: Flutter Layout Basics: Row, Column, S...
Reorderable ListView Tutorial: Flutter Tutorial - Reorderable ListVi...
CheckBox Tutorial: Flutter Tutorial - CheckBox List & Ch...
Animated List Tutorial: Flutter Tutorial - Animated List & To...
Animated Icon Tutorial: Flutter Tutorial - Animated Icon In 7...
Calendar Events App Tutorial: Flutter Tutorial - Calendar Event App...
Persistent Bottom Sheet Tutorial: Flutter Tutorial - Persistent Bottom ...
User Profile UI Tutorial: Flutter Tutorial - User Profile Page ...
Drag & Drop In ListView Tutorial: Flutter Tutorial - Drag & Drop In Lis...
Create Invoice PDF Document Tutorial: Flutter Tutorial - Create Invoice PDF...

TIMELINE
0:00 Introduction Flutter Staggered GridView
0:26 Create GridView Builder
0:54 Set GridView CrossAxisCount
1:11 Set GridView MainAxisSpacing
1:29 Set GridView CrossAxisSpacing
1:37 Create Staggered GridView
2:03 Staggered Tile Count
3:32 Index IsEven For Advanced Staggered GridView
4:04 Index Modulo For Advanced Staggered GridView / Instagram GridView
5:11 Hot Restart & Staggered GridView
5:27 Staggered Tile Fit
6:57 Staggered Tile Extent / Slivers Staggered GridView
8:59 Summary Staggered GridView

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us  :-)
Twitter | Twitter: HeyFlutter_
Linkedin | LinkedIn: heyflutter

LEARN MORE
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES | Medium: 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

• #science_technology
• #android
• #flutter
• #flutter_grid_layout
• #flutter_grid_view
• #flutter_gridview
• #flutter_gridview_card
• #flutter_gridview_ui
• #flutter_gridview_widget
• #flutter_staggered_grid_view
• #flutter_tutorial
• #flutter_tutotial
• #flutter_ui
• #flutter_ui_design
• #gridview_flutter
• #gridview_flutter_ui
• #instagram_grid_flutter
• #ios
• #mobile
• #staggered_grid_view
• #staggered_grid_view_package
• #staggered_gridview
• #unique_grid_view
• #varying_grid_view
• #gridview_vs_staggered_gridview
• #dynamic_height