spacing property
AppSpacingSystem
get
spacing
Sistema de espaciado para padding, margin y gaps
Uso:
// Valores base (double)
double spacing = Consts.spacing.base.md; // 12.0
// Padding uniforme en todos los lados
Padding(
padding: Consts.spacing.padding.lg, // EdgeInsets.all(16.0)
child: Text('Contenido'),
)
// Padding horizontal
Container(
padding: Consts.spacing.horizontal.lg, // EdgeInsets.symmetric(horizontal: 16.0)
child: Row(children: [...]),
)
// Padding vertical
Container(
padding: Consts.spacing.vertical.md, // EdgeInsets.symmetric(vertical: 12.0)
child: Column(children: [...]),
)
// Gaps verticales (Column)
Column(
children: [
Text('Item 1'),
Consts.spacing.gap.md, // SizedBox(height: 12.0)
Text('Item 2'),
Consts.spacing.gap.lg, // SizedBox(height: 16.0)
Text('Item 3'),
],
)
// Gaps horizontales (Row)
Row(
children: [
Icon(Icons.star),
Consts.spacing.gapHorizontal.sm, // SizedBox(width: 6.0)
Text('5.0'),
],
)
Implementation
static AppSpacingSystem get spacing => AppSpacingSystem();