divideTiles static method

Iterable<Widget> divideTiles({
  1. BuildContext? context,
  2. required Iterable<Widget> tiles,
  3. Color? color,
})

Add a one pixel border in between each tile. If color isn't specified the ThemeData.dividerColor of the context's Theme is used.

See also:

  • Divider, which you can use to obtain this effect manually.

Implementation

static Iterable<Widget> divideTiles({ BuildContext? context, required Iterable<Widget> tiles, Color? color }) {
  assert(color != null || context != null);
  tiles = tiles.toList();

  if (tiles.isEmpty || tiles.length == 1) {
    return tiles;
  }

  Widget wrapTile(Widget tile) {
    return DecoratedBox(
      position: DecorationPosition.foreground,
      decoration: BoxDecoration(
        border: Border(
          bottom: Divider.createBorderSide(context, color: color),
        ),
      ),
      child: tile,
    );
  }

  return <Widget>[
    ...tiles.take(tiles.length - 1).map(wrapTile),
    tiles.last,
  ];
}