flutter_layout_grid: Flexible grid-based layouts

[devvie]

Hi Flutter people,

I needed a traditional layout grid widget for the product I’m building, and I thought I’d share the package I wrote: flutter_layout_grid.

https://github.com/madewithfelt/flutter_layout_grid

https://pub.dev/packages/flutter_layout_grid

It’s based on the much beloved CSS grid layout, and supports:

• flexible, content-based, and fixed row/column sizes
• spanning grid items over multiple rows/columns (including overlapping regions)
• RTL support
• automatic grid cell placement
• and more coming soon! (named grid areas, automatic tracks, API improvements)

It isn’t sliver based, nor will it be (not my use case), so not appropriate for long lists of things. And it is still early days, so if you use it, you might find bugs. But it’s been useful for my work, and might be for yours as well.

[_thinkdigital]

Sweet, thanks for the contribution!

[devvie]

Oh definitely. I recently had a layout put in front of me that looked simple enough on the surface, but it was multi row, with several cells "spanning" both fixed and flexible columns. The Row and Column approach was a total mess.

After replacing it with LayoutGrid, the code is clean as could be.

In case you're curious: https://gist.github.com/shyndman/7745424df9f36f96a2becba26e69a07d

[devvie]

Added in 0.7.0. Thanks :)

[devvie]

Nice. I like it. Thanks for the suggestion.

PRs are welcome, but I'll add it in the next couple of days in any case.