flutter_wall_layout - Layout child having different shape into a vertical or horizontal list
This library provides a unique widget, WallLayout, rendering into a list children having different shapes.
There is two main classes: WallLayout and Stone.
- A wall is composed by a set of stones, arranged in a certain way.
- A stone is a component defining its shape by a width and a height.
Wall Layout Widget
This component has been inspired by the ListView widget, in which you can choose scroll direction and the way. Added to that, you can also define how many rows or column have the wall, if you want to create a responsive design.
WallLayout( stones: _buildStonesList(), layersCount: 3, scrollDirection: Axis.vertical, reverse: false, );
Wall Layout Widget Properties
|stones||List of Stone widgets, representing wall layout's children.||-|
|layersCount||Define the number of layers the wall have. Must be higher or equal to 2. When direction is Axis.vertical, it defines the number of columns the wall has. When direction is Axis.horizontal, it defines the number of rows.||-|
|stonePadding||Padding between stones.||16.0|
|scrollController||Same as ||-|
|physics||Same as ||-|
|restorationId||Same as ||-|
|dragStartBehavior||Same as ||DragStartBehavior.start|
|clipBehavior||Same as ||Clip.hardEdge|
|primary||Same as ||false|
|scrollDirection||Same as ||Axis.vertical|
|reverse||Same as ||false|
A Stone Widget is a widget proxy defining stone's size (width and height). It's rendered object is optimized thanks to it's id property.
Stone( id: 7, width: 2, height: 2, child: Container( color: Colors.red, child: Center(child: Text("2x2")), ), );
Stone Widget Properties
|width||Stone width (relative to the number of wall divisions). Must be higher or equal to 1.||-|
|height||Stone height (relative to the number of wall divisions). Must be higher or equal to 1.||-|
|id||Proxy layout identifier: must be unique.||-|
|child||Widget to render, where its size will be constrained by the stone width and height.||-|