Flutter GridView.builder : Create Dynamic Grids Like a Pro!

[@FlutterTeacher]

Timestamp
- - - - - - - - - - - - - - - - - - - - - - - -
00:00 - What is GridView.builder,why & when to use in Flutter apps
00:58 - Use of Local images to mimic dynamic data
01:05 - Use of ItemLength property in GridView.builder
01:24 - How to use itemBuilder for GridView.builder
01:51 - Use of gridDelegate in GridView.builder
02:07 - When & how to use SliverGridDeleageWithFixedAxisCount
02:40 - Use of crossAxis count
03:08 - Applying spacing using mainAxisSpcing & crossAxisSpacing
03:43 - Control tile height using childApsectRatio & mainAxisExtent
04:56 - When & how to use SliverGridDeleageWithMaxCrossAxisExtent
06:16 - Applying padding to GridView.builder
06:30 - Changing the direction of scroll using scrollDirection property
06:55 - Use of reverse property
07:08 - Use of physics in GridView.builder
07:42 - Controlling the height of tile using childAspectRatio
07:49 - Use of cacheExtent in GridView.extent
Watch Now
- - - - - - - - - - - -
Master Flutter Gridview.extent - ruclips.net/video/SUnhNCe-vOA/видео.html
Mastering Flutter GridView Widget : ruclips.net/video/0BrxRVIkrF8/видео.html
Flutter GridView.count : ruclips.net/video/BDMjUPbyKq0/видео.html
Container widget in Flutter : ruclips.net/video/Vu4b_WBYimQ/видео.html
Custom Colors in Flutter : ruclips.net/video/i6TD5p81X9k/видео.html
Padding widget in Flutter : ruclips.net/video/bq37eFbRMc0/видео.html
Mastering Flutter ScrollController : ruclips.net/video/mtM7ZrLKHEA/видео.html
Flutter Scrollbar Widget : ruclips.net/video/g7N3mgOa-Kg/видео.html
Image Widget in Flutter : ruclips.net/video/ple9uKmYGFw/видео.html
Playlists
- - - - - - - - - - - -
Flutter Scrollable Widgets : ruclips.net/p/PLeKQz1VjpjFold8Fas1SSAA0_38PoHrX4
Flutter Basics :
ruclips.net/p/PLeKQz1VjpjFpWv4h68n2xohw9m6t7htSS
Flutter Tutorial Playlist:
ruclips.net/p/PLeKQz1VjpjFq3vbq3Hvl1866nsmAQdzUo
Dart Tutorial Playlist :
ruclips.net/p/PLeKQz1VjpjFqqXLvQ8rTnYxZcUqEGA0dm
Social Links
- - - - - - - - - - - - -
Subscribe Flutter Teacher : bit.ly/3eCECkl
Facebook Page : bit.ly/3DjZ83B
GitHub : github.com/flutter-teacher

[@iLene655]

Thank you!

[@nikhilamr690]

Very underrated channel for real

[@DhaarmicK]

Suppose if i return a container in gridview builder, how to make that container in a way that it changes or adjusts its size based on it's children. Suppose there are multiple children in that container including image, a button, a row, a text.

[@FlutterTeacher]

GridView adjusts the tiles & internal components automatically to fix for best size. I request you to practice with different UIs to solve your problem. All the best!

[@DhaarmicK]

@@FlutterTeacher No, i get the overflow error from bottom of a container

[@FlutterTeacher]

Please make use of childAspectRatio or mainAxisExtent to increase height of your container. I have explained them in video also.

[@DhaarmicK]

@@FlutterTeacher i did use mainAxisExtent, but in some container the image is big so again overflow error shows for that particular container

[@FlutterTeacher]

Wrap image within FittedBox widget, video is available in my channel.