Aller au contenu principal

Composants UI

Après l’initialisation du SDK (AzeooProvider ou getAzeooSDK().initialize(...)) et la connexion de l’utilisateur (connect(...)), vous pouvez soit intégrer l’UI des modules dans votre mise en page, soit les ouvrir en tant que surcouches (overlays) depuis le code.

Vues natives​

NutritionView rend l’expérience de nutrition en ligne. Enveloppez votre application (ou le sous-arbre qui l’utilise) avec AzeooProvider, terminez connect, puis montez la vue.

Propriétés courantes :

  • bottomSafeArea — ajoute un espacement en bas pour les indicateurs Home / barre d’onglets (par défaut true; souvent false si une barre d’onglets gère déjà le padding).
  • style — style React Native habituel pour la vue (ex. { flex: 1 }).
  • onLoad / onError — lorsque la surface native est prête ou échoue.

Tant que l’utilisateur n’est pas connecté, ces composants affichent un état court Non connecté au lieu du module Flutter.

Consultez le démarrage rapide et les exemples.

Ouvrir des modules depuis le code​

Utilisez getAzeooSDK() depuis react-native-azeoo-lib ou useAzeoo().sdk après la connexion. Exemples d’appels :

  • Présentation plein écran : showNutrition(bottomSafeArea), hideNutrition()
  • Feuille modale : displayNutritionModal(bottomSafeArea), dismissNutritionModal()
  • Navigation dans le module : navigateTo(module, screen), goBack(), handleDeepLink(uri)

bottomSafeArea est un booléen : même signification que sur les composants de vue.

Liste complète et patterns : API du client. Notes centrées module : Module Nutrition.

Prochaines étapes​