Aller au contenu principal

Thème

Personnalisez l'apparence du SDK avec les thèmes. Ces concepts s'appliquent à toutes les plateformes. L'exemple ci-dessous utilise Flutter (Dart) ; pour Android, iOS et React Native, consultez la Configuration et les Exemples de votre plateforme (Android · iOS · Flutter · React Native).

Configuration du thème​

Passez le thème à initialize via les options (Flutter) ou la config (natif) :

// Flutter
await AzeooSDK.initialize(apiKey, options: AzeooSDKInitOptions(
  theme: ThemeConfig(
    success: Colors.green,
    error: Colors.red,
    warning: Colors.yellow,
    customLightTheme: ...,
    customDarkTheme: ...,
  ),
));

Sur Android/iOS, passez un ThemeConfig ou équivalent dans le paramètre theme de AzeooSDK.init(...).

Changements de thème à l'exécution​

Après connect, vous pouvez modifier le thème via le SDK :

// Flutter
AzeooSDK.changePrimaryColor(Colors.blue);
AzeooSDK.setCustomThemes(...);
await AzeooSDK.getCurrentThemeMode();

En natif, utilisez sdk.theme (ex. setMode, setPrimaryColor, setLightMode, setDarkMode, toggleMode).

Propriétés de couleur​

  • Couleurs primaires (clair/sombre)
  • Couleurs secondaires
  • Couleurs de fond
  • Couleurs succès, erreur, avertissement

Étapes suivantes​