Limited Box

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

Properties

Property	Type	Description
`maxHeight`	`double`	The maximum height for the child if the parent’s height is unbounded. Defaults to `double.infinity`.
`maxWidth`	`double`	The maximum width for the child if the parent’s width is unbounded. Defaults to `double.infinity`.
`child`	`StacWidget`	The child widget represented as a JSON object.

Example

Example 1: Limited Box with Default Constraints

Dart
JSON
Preview

StacLimitedBox(
  child: StacContainer(
    width: 100,
    height: 100,
    color: StacColors.red,
  ),
)

{
  "type": "limitedBox",
  "child": {
    "type": "container",
    "width": 100,
    "height": 100,
    "color": "#FF0000"
  }
}

Example 2: Limited Box with Custom Constraints

StacLimitedBox(
  maxHeight: 200.0,
  maxWidth: 300.0,
  child: StacText(
    data: 'Hello, World! from Limited Box',
    style: StacTextStyle(fontSize: 16, color: StacColors.black),
  ),
)

{
  "type": "limitedBox",
  "maxHeight": 200.0,
  "maxWidth": 300.0,
  "child": {
    "type": "text",
    "data": "Hello, World! from Limited Box",
    "style": {
      "fontSize": 16,
      "color": "#000000"
    }
  }
}

FractionallySizedBox Padding

Layout Widgets

Display Widgets

Interactive Widgets

Data Widgets

Limited Box

Properties

Example

Example 1: Limited Box with Default Constraints

Example 2: Limited Box with Custom Constraints

​Properties

​Example

​Example 1: Limited Box with Default Constraints

​Example 2: Limited Box with Custom Constraints

Properties

Example

Example 1: Limited Box with Default Constraints

Example 2: Limited Box with Custom Constraints