Aller au contenu principal

🎨 Thème

Alignez les couleurs du SDK sur votre marque à initialize, puis ajustez au runtime après connect. Le thème s'applique à l'UI Nutrition et Training ; les changements au runtime ne nécessitent pas un nouveau connect.

Code plateforme et exemples

Utilisez le sélecteur de plateforme en haut de la barre latérale (Android, iOS, Flutter ou React Native) → Thème sur votre plateforme.

Architecture

MomentCe que vous définissez
InitializePalette complète — primary, secondary, arrière-plans, couleurs sémantiques
RuntimeMode (clair/sombre/système), accent primary, réinitialisation

Configuration (à l'initialize)

Passez le thème lors de l'appel initialize — avant connect.

Propriétés

PropriétéRôle
primaryLight / primaryDarkCouleur de marque principale par mode
secondaryLight / secondaryDarkAccents secondaires
backgroundLight / backgroundDarkArrière-plans d'écran
success, error, warningRetour sémantique
customLightTheme / customDarkThemeRemplacement complet ThemeData (Flutter uniquement)

Pigeon : AzeooThemeConfig / AzeooThemeConfigMessage dans pigeons/azeoo_api.dart.

Exemple

await AzeooSDK.initialize(apiKey, options: AzeooSDKInitOptions(
theme: ThemeConfig(
primaryLight: Color(0xFF0066CC),
primaryDark: Color(0xFF4DA3FF),
success: Colors.green,
error: Colors.red,
warning: Colors.amber,
),
));

Les hôtes natifs passent AzeooThemeConfig sur AzeooSDK.initialize(...).


Runtime (après connect)

MéthodeDescription
getThemeMode / setThemeModeClair, sombre ou système
setPrimaryColorMettre à jour l'accent sans reconfig complète
setTheme / setCustomThemesRemplacer les palettes clair/sombre
resetToDefaultRestaurer le thème de l'initialize
getCurrentThemeLire la config active (debug / sync UI hôte)
HôteAccès
FlutterAzeooSDK.changePrimaryColor, setCustomThemes, getCurrentThemeMode
Android / iOS / RNsdk.theme.*
// Flutter — after connect
AzeooSDK.changePrimaryColor(Colors.purple);

Pigeon : AzeooThemeApi.


Voir aussi