GridExtensions extension

Tailwind CSS-inspired grid utilities for Flutter Provides CSS Grid-like layout system Grid extensions for List of Widgets

on

• List<Widget>

Methods

grid({int cols = 2, double gap = 0, double crossAxisGap = 0, double? childAspectRatio}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with specified number of columns

gridAutoFill({required double itemWidth, double gap = 0, double crossAxisGap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create an auto-fill grid

gridAutoFit({required double minWidth, double gap = 0, double crossAxisGap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create an auto-fit grid with minimum item width

gridCols1({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 1 column

gridCols2({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 2 columns

gridCols3({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 3 columns

gridCols4({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 4 columns

gridCols5({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 5 columns

gridCols6({double gap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Create a grid with 6 columns

gridResponsive({int xsCols = 1, int? smCols, int? mdCols, int? lgCols, int? xlCols, double gap = 0, double crossAxisGap = 0}) → Widget

Available on List<Widget>, provided by the GridExtensions extension

Responsive grid: 1 column on mobile, responsive on larger screens