Divider
Visual separator line
A line between things. Horizontal by default; set width for a vertical one, or both width and height for a fixed size.
Methods
Divider(options?)WidgetNodeA visual divider line.
- options Any
- color Color
Line colour.
- thickness Number
How thick the line is.
- width Number
Set it to draw a vertical divider instead.
- height Number
With width, gives a fixed-size separator.
- indent Number
Inset at the start.
- endIndent Number
Inset at the end.
- color Color
Examples
Horizontal separator
Column({ children: [
Text("Section 1"),
Divider({ color: Color.gray().opacity(0.3) }),
Text("Section 2")
]})Vertical divider in a row
Row({ children: [
Text("Left"),
Divider({ width: 1, height: 20, color: Color.gray() }),
Text("Right")
]})