AppSizes class

Sistema de escalado base para toda la aplicación

Define los tamaños fundamentales que se reutilizan en spacing, radius, etc. Usa una escala consistente y semántica para mantener coherencia visual.

Uso básico:

// Tamaños base
SizedBox(width: AppSizes.md, height: AppSizes.lg);

// Iconos
Icon(Icons.home, size: AppSizes.iconLg);

// Avatares
CircleAvatar(radius: AppSizes.avatarMd);

// Elevaciones
elevation: AppSizes.elevationMd;

// Opacidades
opacity: AppSizes.opacityMedium;

Escala de tamaños:

  • none (0.0) - Sin tamaño
  • xxs a xxxl (2.0 - 28.0) - Escala básica
  • huge, massive, giant (32.0 - 48.0) - Tamaños grandes
  • mega, ultra, extreme, colossal (56.0 - 96.0) - Tamaños extra grandes

Properties

hashCode → int
The hash code for this object.
no setterinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Constants

aspectRatioCinematic → const double
2.35 - Cinemático (21:9) - Películas y ultra-wide
aspectRatioPhoto → const double
1.5 - Formato foto (3:2) - Cámaras DSLR
aspectRatioSquare → const double
1.0 - Cuadrado perfecto (1:1)
aspectRatioStandard → const double
1.33 - Formato estándar (4:3) - Común en fotografía tradicional
aspectRatioWide → const double
1.78 - Widescreen (16:9) - Videos y pantallas modernas
avatarHuge → const double
96.0 - Avatar enorme
avatarLg → const double
48.0 - Avatar grande
avatarMassive → const double
128.0 - Avatar masivo (para perfiles)
avatarMd → const double
40.0 - Avatar mediano (uso común en listas)
avatarSm → const double
32.0 - Avatar pequeño
avatarXl → const double
64.0 - Avatar extra grande
avatarXs → const double
24.0 - Avatar extra pequeño
avatarXxl → const double
80.0 - Avatar muy grande
colossal → const double
96.0 - Colosal
elevationHuge → const double
16.0 - Elevación enorme (navigation drawer)
elevationLg → const double
6.0 - Elevación media (floating action button)
elevationMassive → const double
24.0 - Elevación masiva (modal bottom sheet)
elevationMd → const double
4.0 - Elevación estándar (cards elevadas, app bar)
elevationNone → const double
0.0 - Sin elevación
elevationSm → const double
2.0 - Elevación baja (botones, chips)
elevationXl → const double
8.0 - Elevación alta (drawer, bottom sheet)
elevationXs → const double
1.0 - Elevación mínima (cards en reposo)
elevationXxl → const double
12.0 - Elevación muy alta (dialogs)
extreme → const double
80.0 - Extremo
giant → const double
48.0 - Gigante
huge → const double
32.0 - Enorme
iconHuge → const double
48.0 - Ícono enorme
iconLg → const double
24.0 - Tamaño estándar de Material Design
iconMd → const double
20.0 - Ícono mediano
iconSm → const double
16.0 - Ícono pequeño
iconXl → const double
32.0 - Ícono extra grande
iconXs → const double
12.0 - Ícono extra pequeño
iconXxl → const double
40.0 - Ícono muy grande
lg → const double
16.0 - Largo
lgx → const double
18.0 - Largo a extra largo
massive → const double
40.0 - Masivo
maxContentWidth → const double
1536.0 - Ancho máximo para contenido centrado
maxDesktopWidth → const double
1200.0 - Ancho máximo para desktop
maxMobileWidth → const double
600.0 - Ancho máximo para dispositivos móviles
maxTabletWidth → const double
900.0 - Ancho máximo para tablets
md → const double
12.0 - Mediano
mdl → const double
14.0 - Mediano a largo
mds → const double
10.0 - Mediano pequeño
mega → const double
56.0 - Mega
none → const double
0.0 - Sin tamaño
opacityDisabled → const double
0.38 - Estado deshabilitado (texto e iconos)
opacityFull → const double
1.0 - Completamente opaco
opacityHigh → const double
0.87 - Texto activo y primario
opacityHover → const double
0.12 - Hover/Press sobre superficie (ripple effects)
opacityMedium → const double
0.54 - Texto secundario y ayuda
opacityMediumHigh → const double
0.70 - Nivel medio-alto (elementos menos importantes)
opacityNone → const double
0.0 - Completamente transparente
sm → const double
6.0 - Muy pequeño
smd → const double
8.0 - Pequeño a mediano
ultra → const double
64.0 - Ultra
xl → const double
20.0 - Extra largo
xs → const double
4.0 - Extra pequeño
xxl → const double
24.0 - Extra extra largo
xxs → const double
2.0 - Extra extra pequeño
xxxl → const double
28.0 - Extra extra extra largo