flutter_staggered_grid_view icon indicating copy to clipboard operation
flutter_staggered_grid_view copied to clipboard

[Help Request] I want to achieve custom Grid pattern

Open arslankaleem7229 opened this issue 3 years ago • 1 comments

I am working on this for a while but didn't find how to achieve my desired design which is just random tiles with a fixed pattern that some times it comes two tiles in column sometimes it would be a big block ... Here is what I want Thanks in advance

Screenshot 2022-02-28 at 7 30 15 PM

arslankaleem7229 avatar Feb 28 '22 14:02 arslankaleem7229

You can use the Quilted layout for this kind of pattern. Something like this, may be what you want:

SliverQuiltedGridDelegate(
  crossAxisCount: 2,
  mainAxisSpacing: 4,
  crossAxisSpacing: 4,
  repeatPattern: QuiltedGridRepeatPattern.inverted,
  pattern: const [
    QuiltedGridTile(1, 1),
    QuiltedGridTile(1, 1),
    QuiltedGridTile(2, 2),
    QuiltedGridTile(1, 1),
    QuiltedGridTile(1, 1),
  ],
),

letsar avatar Jul 10 '22 09:07 letsar

Closing since no response since a while.

letsar avatar Nov 01 '22 10:11 letsar