SeparatedColumn class

A widget that arranges its children in a vertical column with separators between them.

The SeparatedColumn widget takes a list of children and arranges them vertically in a column, inserting separator widgets between each child based on the provided separatorBuilder. This enables custom separators between children.

Using the includeFirstSeparator property, separators can be added at the outer edges of the column, determining whether separators are placed above the first child and below the last child in the column.

Example usage:

SeparatedColumn(
  includeOuterSeparators: true,
  separatorBuilder: (BuildContext context, int index) {
    return Container(
      height: 2,
      color: Colors.grey,
    );
  },
  children: [
    Text('One'),
    Text('Two'),
    Text('Three'),
  ],
)

The SeparatedColumn layout properties like mainAxisAlignment, crossAxisAlignment, and textBaseline can be utilized to customize the alignment and layout of its children and separators within the column.

Inheritance

Available extensions

Constructors

SeparatedColumn.new({Key? key, TextBaseline? textBaseline, TextDirection? textDirection, List<Widget> children = const <Widget>[], bool includeFirstSeparator = false, bool includeLastSeparator = false, MainAxisSize mainAxisSize = MainAxisSize.max, VerticalDirection verticalDirection = VerticalDirection.down, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, required IndexedWidgetBuilder separatorBuilder}): Creates a vertical array of children with separators between each item.
const

Properties

children → List<Widget>: The widgets below this widget in the tree.
final
crossAxisAlignment → CrossAxisAlignment: How the children should be placed along the cross axis.
final
hashCode → int: The hash code for this object.
no setterinherited
includeFirstSeparator → bool: Whether to include separators at the outer edges of the column.
final
includeLastSeparator → bool: final
key → Key?: Controls how one widget replaces another widget in the tree.
finalinherited
mainAxisAlignment → MainAxisAlignment: How the children should be placed along the main axis.
final
mainAxisSize → MainAxisSize: How much space should be occupied in the main axis.
final
runtimeType → Type: A representation of the runtime type of the object.
no setterinherited
separatorBuilder → IndexedWidgetBuilder: A builder that creates separators to be placed between children in the column.
final
textBaseline → TextBaseline?: If aligning items according to their baseline, which baseline to use.
final
textDirection → TextDirection?: Determines the order to lay children out horizontally and how to interpret start and end in the horizontal direction.
final
verticalDirection → VerticalDirection: Determines the order to lay children out vertically and how to interpret start and end in the vertical direction.
final

Methods

build(BuildContext context) → Widget: Describes the part of the user interface represented by this widget.
override
center({double? heightFactor, double? widthFactor}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Centers the widget within a Center widget.
cornerRadiusWithClipRRect(double radius) → ClipRRect: Available on Widget?, provided by the WidgetExtension extension
Adds a uniform corner radius to the widget using ClipRRect.
cornerRadiusWithClipRRectOnly({int bottomLeft = 0, int bottomRight = 0, int topLeft = 0, int topRight = 0}) → ClipRRect: Available on Widget?, provided by the WidgetExtension extension
Adds rounded corners to the widget using ClipRRect with custom radii.
createElement() → StatelessElement: Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() → List<DiagnosticsNode>: Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void: Add additional properties associated with the node.
inherited
expand({dynamic flex = 1}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with Expanded.
fit({BoxFit? fit, AlignmentGeometry? alignment}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with FittedBox.
flexible({dynamic flex = 1, FlexFit? fit}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with Flexible.
makeRefreshable() → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with a RefreshIndicator to make it refreshable. This assumes that the widget is inside a Stack with a ListView.
noSuchMethod(Invocation invocation) → dynamic: Invoked when a nonexistent method or property is accessed.
inherited
onTap(Function? function, {BorderRadius? borderRadius, Color? splashColor, Color? hoverColor, Color? highlightColor}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with an InkWell for tap functionality.
opacity({required double opacity, int durationInSecond = 1, Duration? duration}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Adds animated opacity to the widget.
paddingAll(double padding) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding all
paddingBottom(double bottom) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding bottom
paddingLeft(double left) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding left
paddingOnly({double top = 0.0, double left = 0.0, double bottom = 0.0, double right = 0.0}) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return custom padding from each side
paddingRight(double right) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding right
paddingSymmetric({double vertical = 0.0, double horizontal = 0.0}) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding symmetric
paddingTop(double top) → Padding: Available on Widget, provided by the PaddingWidgetExtension extension
return padding top
rotate({required double angle, bool transformHitTests = true, Offset? origin}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Rotates the widget using Transform.rotate.
scale({required double scale, Offset? origin, AlignmentGeometry? alignment, bool transformHitTests = true}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Scales the widget using Transform.scale.
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode: Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String: A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String: Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String: Returns a one-line detailed description of the object.
inherited
toStringShort() → String: A short, textual description of this widget.
inherited
translate({required Offset offset, bool transformHitTests = true, Key? key}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Translates (moves) the widget using Transform.translate.
validate({Widget value = const SizedBox()}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Returns the widget if it is not null, otherwise returns a default value.
visible(bool visible, {Widget? defaultWidget}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Controls the visibility of the widget.
withHeight(double height) → SizedBox: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget inside a SizedBox with a custom height.
withShaderMask(List<Color> colors, {BlendMode blendMode = BlendMode.srcATop}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with a ShaderMask using a list of colors.
withShaderMaskGradient(Gradient gradient, {BlendMode blendMode = BlendMode.srcATop}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with a ShaderMask using a custom Gradient.
withSize({double width = 0.0, double height = 0.0}) → SizedBox: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget inside a SizedBox with a custom height and width.
withTooltip({required String msg}) → Widget: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget with a Tooltip.
withWidth(double width) → SizedBox: Available on Widget?, provided by the WidgetExtension extension
Wraps the widget inside a SizedBox with a custom width.

Operators

operator ==(Object other) → bool: The equality operator.
inherited

SeparatedColumn class

Constructors

Properties

Methods

Operators

separated_column library