Opacity

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

Properties

Property	Type	Description
opacity	`double`	The opacity value between 0.0 and 1.0 which controls the visibility of the child, with 0.0 being fully transparent (invisible) and 1.0 being fully opaque (visible).
child	`StacWidget`	The child widget of the opacity.

Example

Dart
JSON
Preview

StacScaffold(
  appBar: StacAppBar(
    title: StacText(data: 'Opacity'),
  ),
  body: StacCenter(
    child: StacOpacity(
      opacity: 0.5,
      child: StacText(
        data: 'Opacity Widget',
        style: StacTextStyle(fontSize: 23, fontWeight: StacFontWeight.w600),
      ),
    ),
  ),
)

{
  "type": "scaffold",
  "appBar": {
    "type": "appBar",
    "title": {
      "type": "text",
      "data": "Opacity"
    }
  },
  "body": {
    "type": "center",
    "child": {
      "type": "opacity",
      "opacity": 0.5,
      "child": {
        "type": "text",
        "data": "Opacity Widget",
        "style": {
          "fontSize": 23,
          "fontWeight": "w600"
        }
      }
    }
  }
}

Image Placeholder

Layout Widgets

Display Widgets

Interactive Widgets

Data Widgets

Properties

Example

​Properties

​Example

Properties

Example