SeparatedRow class

A widget that arranges its children in a horizontal row with separators between them.

The SeparatedRow widget takes a list of children and arranges them horizontally in a row, inserting separator widgets between each child based on the provided separatorBuilder. This allows for custom separators between children.

The separators can be added at the outer edges of the row using the includeOuterSeparators property, which determines whether separators are placed before the first child and after the last child in the row.

Example usage:

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

The SeparatedRow layout properties like mainAxisAlignment, crossAxisAlignment, and textBaseline can be used to customize the alignment and layout of its children and separators within the row.

Inheritance

Constructors

SeparatedRow({Key? key, TextBaseline? textBaseline, TextDirection? textDirection, List<Widget> children = const <Widget>[], bool includeOuterSeparators = false, MainAxisSize mainAxisSize = MainAxisSize.max, VerticalDirection verticalDirection = VerticalDirection.down, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, required IndexedWidgetBuilder separatorBuilder})
Creates a horizontal 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
includeOuterSeparators → bool
Whether to include separators at the outer edges of the row.
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 row.
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
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
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
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}) → 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

Operators

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