The Most Popular Flutter Grid Components

1. Flutter Annual Task

Flutter package for displaying grid view of daily task like Github-Contributions.

View on GitHub

2. Flutter Layout Grid

A grid-based layout system for Flutter, optimized for user interface design, inspired by CSS Grid Layout.

Featuring:

• Fixed, flexible, and content-based row and column sizing
• Precise control over placement of items if desired, including the ability to span rows, columns, and overlap items
• A configurable automatic grid item placement algorithm, capable of sparse and dense packing across rows and columns
• Right-to-left support, driven by ambient Directionality or configuation
• Gutters!

View on GitHub

3.Flutter Staggered Animations

Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guidelines.

View on GitHub

4.Drag Select Grid View

A grid that supports both dragging and tapping to select its items.

View on GitHub

5.Flutter Staggered Grid View

A Flutter staggered grid view which supports multiple columns with rows of varying sizes.

Features

• Configurable cross-axis count or max cross-axis extent like the GridView
• Tiles can have a fixed main-axis extent, or a multiple of the cell’s length.
• Configurable main-axis and cross-axis margins between tiles.
• SliverStaggeredGrid for using in a CustomScrollView.
• Staggered and Spannable grid layouts.

View on GitHub

#flutter #dart #programming