Stack - Stac

The Stac Stack allows you to build a Flutter stack widget using JSON. To know more about the stack widget in Flutter, refer to the official documentation.

Properties

Property	Type	Description
alignment	`StacAlignment`	How to align the non-positioned and partially-positioned children. Defaults to `StacAlignment.topStart`.
clipBehavior	`StacClip`	How to clip the content. Defaults to `StacClip.hardEdge`.
fit	`StacStackFit`	How to size the non-positioned children. Defaults to `StacStackFit.loose`.
textDirection	`StacTextDirection`	The text direction to use for resolving alignment.
children	`List<StacWidget>`	The list of widgets to display inside the stack. Defaults to an empty list.

Example

Dart
JSON
Preview

StacStack(
  alignment: StacAlignment.center,
  clipBehavior: StacClip.antiAlias,
  fit: StacStackFit.expand,
  textDirection: StacTextDirection.ltr,
  children: [
    StacText(data: 'Hello, World!'),
    StacContainer(width: 100, height: 100, color: StacColors.red),
  ],
)

{
  "type": "stack",
  "alignment": "center",
  "clipBehavior": "antiAlias",
  "fit": "expand",
  "textDirection": "ltr",
  "children": [
    {
      "type": "text",
      "data": "Hello, World!"
    },
    {
      "type": "container",
      "width": 100,
      "height": 100,
      "color": "#FF0000"
    }
  ]
}