Wrap

Wrap is a widget that works similar as Row, but has auto line-break feature and spacing feature

Wrap(
  spacing: 8.0,  // Horizontal spacing
  runSpacing: 10.0,  // Vertical spacing
  children: [
    renderColor(Colors.red),
    renderColor(Colors.orange),
    renderColor(Colors.yellow),
    renderColor(Colors.green),
    renderColor(Colors.blue),
    renderColor(Colors.indigo),
    renderColor(Colors.purple),
    renderColor(Colors.red),
    renderColor(Colors.orange),
    renderColor(Colors.yellow),
    renderColor(Colors.green),
    renderColor(Colors.blue),
    renderColor(Colors.indigo),
    renderColor(Colors.purple),
    renderColor(Colors.red),
    renderColor(Colors.orange),
    renderColor(Colors.yellow),
    renderColor(Colors.green),
    renderColor(Colors.blue),
    renderColor(Colors.indigo),
    renderColor(Colors.purple),
  ],
)

Widget renderColor(Color color) {
  return Container(
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      color: color,
    ),
    width: 32.0,
    height: 32.0,
  );
}
Dart
복사