Aller au contenu principal

Thématisation

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

Configuration du thème​

Transmettez le thème lors de initialize via les options (Flutter) ou via le paramètre theme (natif) :

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

Sur Android / iOS, transmettez un ThemeConfig (ou une configuration de thème native équivalente) dans le paramètre theme de AzeooSDK.initialize(...).

Changement 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();

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

Propriétés de couleur​

  • Couleurs primaires (clair / sombre)
  • Couleurs secondaires
  • Couleurs d’arrière-plan
  • Couleurs success, error, warning

Prochaines étapes​