separated_column 3.0.4 copy "separated_column: ^3.0.4" to clipboard
separated_column: ^3.0.4 copied to clipboard

Published 8 months ago • verified publisheremaq.ba
SDKFlutter
PlatformAndroidiOSLinuxmacOSwebWindows
→

Metadata

Flutter package for rendering Column widget that injects the separator in between the children.

More...

SeparatedColumn pub package #

Flutter package for rendering separated Column children.

Also, give pub package a try!

example.gif

Usage #

The only difference between SeparatedColumn and Column are separatorBuilder and outerSeparatorMode properties.

  • separatorBuilder - Executed every time when there is a need to inject the separator
  • outerSeparatorMode - Separators can be added before the first element, after the last element, or both

Comparison #

Before After 
Column(
  children: <Widget>[
    const Divider(),
    Text("Item 1"),
    const Divider(),
    Text("Item 2"),
    const Divider(),
    Text("Item 3"),
    const Divider(),
    Text("Item 4"),
    const Divider(),
    Text("Item 5"),
    const Divider(),
    Text("Item 6"),
    const Divider(),
    Text("Item 7"),
    const Divider(),
    Text("Item 8"),
    const Divider(),
    Text("Item 9"),
    const Divider(),
    Text("Item 10"),
    const Divider(),
  ],
)

SeparatedColumn(
  children: <Widget>[
    Text("Item 1"),
    Text("Item 2"),
    Text("Item 3"),
    Text("Item 4"),
    Text("Item 5"),
    Text("Item 6"),
    Text("Item 7"),
    Text("Item 8"),
    Text("Item 9"),
    Text("Item 10"),
  ],
  outerSeparatorMode: OuterSeparatorMode.both,
  separatorBuilder: (BuildContext context, int index) => const Divider(),
)

← Metadata

20
likes
150
points
17.8k
downloads
screenshot

Publisher

verified publisheremaq.ba

Weekly Downloads

Metadata

Flutter package for rendering Column widget that injects the separator in between the children.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on separated_column

Back