Skip to main content
The Stac Divider allows you to build a Flutter Divider widget using JSON. It creates a thin horizontal line with padding on either side. To know more about the Divider widget in Flutter, refer to the official documentation.

Properties

PropertyTypeDescription
heightdoubleThe divider’s height extent (total space occupied).
thicknessdoubleThe thickness of the line drawn within the divider.
indentdoubleThe amount of empty space to the leading edge.
endIndentdoubleThe amount of empty space to the trailing edge.
colorStacColorThe color to use when painting the line.

Example

StacDivider(
  thickness: 2.0,
  color: StacColors.red,
  indent: 16.0,
  endIndent: 16.0,
)

Divider in a List

StacColumn(
  children: [
    StacListTile(
      title: StacText(data: 'Item 1'),
    ),
    StacDivider(
      height: 1.0,
      thickness: 1.0,
      color: StacColors.grey,
    ),
    StacListTile(
      title: StacText(data: 'Item 2'),
    ),
    StacDivider(
      height: 1.0,
      thickness: 1.0,
      color: StacColors.grey,
    ),
    StacListTile(
      title: StacText(data: 'Item 3'),
    ),
  ],
)