After Framework

after_design_system

Sistema di design: scopo, dipendenze, API principali ed esempio per after_design_system.

Versione della documentazione: supercore main · pacchetti 1.0.0

ScopoLink a questa sezione: Scopo

Sistema di design

Il linguaggio visivo condiviso: token di colore, spaziatura, raggio, animazione e tipografia, theme data Material 3 e componenti condivisi, identici in tutte le linee di prodotto.

DipendenzeLink a questa sezione: Dipendenze

after_ecosystemafter_aiafter_consumerafter_enterpriseafter_firebaseafter_coreafter_design_system
Dipende da
after_core
Dipendenze di terze parti rilevanti
shared_preferences

API principaliLink a questa sezione: API principali

  • AfterThemeData
  • AfterTheme
  • AfterColors
  • AfterSpacing
  • AfterRadius
  • AfterMotion
  • AfterFadeSlide

EsempioLink a questa sezione: Esempio

dart
abstract final class AfterThemeData {
  static ThemeData light({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }

  static ThemeData dark({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }
}

// Product: same family, own accent (spec branding.accent).
MaterialApp(
  theme: AfterThemeData.light(accentOverride: const Color(0xFF22D3EE)),
  darkTheme: AfterThemeData.dark(accentOverride: const Color(0xFF22D3EE)),
);

Sorgente supercore/packages/after_design_system/lib/src/foundations/theme.dart (si apre in una nuova scheda)