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
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- SeparatedColumn
Constructors
-
SeparatedColumn({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
andend
in the horizontal direction.final - verticalDirection → VerticalDirection
-
Determines the order to lay children out vertically and how to interpret
start
andend
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