sizes property

AppSizesSystem get sizes

Sistema de tamaños base para toda la aplicación

Uso:

// Tamaños base
Container(
  width: Consts.sizes.base.md,    // 12.0
  height: Consts.sizes.base.lg,   // 16.0
)

// Iconos
Icon(
  Icons.home,
  size: Consts.sizes.icons.lg,  // 24.0
)

// Avatares
CircleAvatar(
  radius: Consts.sizes.avatars.md,  // 40.0
  child: Text('AB'),
)

// Breakpoints responsivos
final width = MediaQuery.of(context).size.width;
if (width < Consts.sizes.breakpoints.mobile) {
  // Layout móvil (< 600px)
} else if (width < Consts.sizes.breakpoints.tablet) {
  // Layout tablet (< 900px)
} else {
  // Layout desktop
}

// Elevaciones Material Design
Card(
  elevation: Consts.sizes.elevations.md,  // 4.0
  child: ...,
)

// Opacidades Material Design
Opacity(
  opacity: Consts.sizes.opacities.disabled,  // 0.38
  child: Text('Deshabilitado'),
)

// Aspect Ratios
AspectRatio(
  aspectRatio: Consts.sizes.aspectRatios.wide,  // 16:9
  child: Image.network('url'),
)

Implementation

static AppSizesSystem get sizes => AppSizesSystem();