Simple SliverGridDelegate extension

Simple SliverGridDelegate extension, Height of big cell and small cell can be adjusted, BigCellHeight >= SmallCellHeight.

pub package

Installation

Add dependency in pubspec.yaml:

dependencies:
  flutter_grid_delegate_ext: "^0.0.2"

Import in your project:

import 'package:flutter_grid_delegate_ext/flutter_grid_delegate_ext.dart';

Basic usage

Unequal cells height with first cell small

GridView.builder(
    gridDelegate: XSliverGridDelegate(
        crossAxisCount: 3,
        smallCellExtent: 100,
        bigCellExtent: 200,
        mainAxisSpacing: 5,
        crossAxisSpacing: 5,
        isFirstCellBig: false
    )
)

Unequal cells height with first cell big

GridView.builder(
    gridDelegate: XSliverGridDelegate(
        crossAxisCount: 3,
        smallCellExtent: 100,
        bigCellExtent: 200,
        mainAxisSpacing: 5,
        crossAxisSpacing: 5,
        isFirstCellBig: true
    )
)

Equal cells height

GridView.builder(
    gridDelegate: XSliverGridDelegate(
        crossAxisCount: 3,
        smallCellExtent: 200,
        bigCellExtent: 200,
        mainAxisSpacing: 5,
        crossAxisSpacing: 5,
    )
)

Examples

example project contains demo

Bugs/Requests

Reporting issues and requests for new features are always welcome.

Libraries

flutter_grid_delegate_ext
grid_delegate