Lists / Grids
Fixed lists & grids used for different layout options.
The fixed list widget will take a number of components and display them in a vertical list.
The
mainAxisAlignment
property supports the following options: start
, end
, spaceBetween
, spaceAround
& spaceEvenly
.The
crossAxisAlignment
property supports the following options: start
, end
, center
, stretch
& baseline
.Both
mainAxisAlignment
& crossAxisAlignment
are optional.{
"type": "fixedListWidget",
"mainAxisAlignment": "start",
"crossAxisAlignment": "center",
"components": [{},{}]
}
The fixed horizontal list widget will take a number of components and display them in a horizontal list.
The
mainAxisAlignment
property supports the following options: start
, end
, spaceBetween
, spaceAround
& spaceEvenly
.The
crossAxisAlignment
property supports the following options: start
, end
, center
, stretch
& baseline
.Both
mainAxisAlignment
& crossAxisAlignment
are optional.{
"type": "fixedHorizontalListWidget",
"mainAxisAlignment": "start",
"crossAxisAlignment": "center",
"components": [{},{}]
}
The fixed horizontal list scroll widget will take a number of components and display them in a horizontal list with scrolling. All properties in this component are required.
{
"type": "fixedHorizontalListScrollWidget",
"height": 150,
"components": [{},{}]
}
The fixed grid widget can be used to take a specified number of components and display them on a grid. The
itemPadding
property is used to add a padding between the items and is optional. childAspectRatio
defaults to 1.0 when unspecified.{
"type": "fixedGridWidget",
"itemPadding": "xs",
"columns": 2,
"childAspectRatio": 1.5,
"components": [{},{}]
}
Last modified 2yr ago