Android Jetpack Composer et Nesting Navigation | de Tomáš Repčík | janvier 2023

Avec les graphiques créés, nous pouvons les déclarer dans l’activité racine de l’application. Les graphiques sont enveloppés dans un seul NavHost. Les navController est initialisé à la racine et transmis à chaque graphique afin qu’il soit partagé entre eux. Chaque écran doit avoir accès au navController aussi.

Désormais, tous les écrans ne contiendront que deux boutons pour avancer et reculer pour plus de simplicité. La seule chose qui changera, c’est onClick l’action des boutons. Par example:

Maintenant, les écrans et les graphiques sont implémentés. La dernière pièce manquante est la navigation d’un écran à l’autre. L’exemple suivra le flux de l’utilisateur.

La destination de départ est marquée comme introduction à l’application, de sorte que le graphique d’introduction est choisi comme destination de départ. Si un utilisateur souhaite quitter l’écran d’accueil actuel, les .navigate() et .popStack() suffisent à utiliser.

navController.navigate(IntroNav.INTRO_MOTIVATION_SCREEN)
// or to go back
navController.popBackStack()

En naviguant dans l’intro, la pile se remplit de tous les écrans. Si nous passons à un autre graphique et cliquons sur le bouton de retour, nous arriverons toujours à l’écran précédent. En naviguant vers l’écran d’accueil, la pile doit être nettoyée à partir de l’écran d’introduction. Voilà le popUpTo() fonction et NavOptionsBuilder. Le constructeur, un paramètre de la fonction de navigation, peut faire apparaître la pile jusqu’au début du graphe. Pour supprimer un graphique et accéder à un autre :

// moving to the main graph route
navController.navigate(MainNav.MAIN_ROUTE) {
// removing everything reagrding intro (incliding the intro route itself)
popUpTo(IntroNav.INTRO_ROUTE)
}

Cela ne signifie pas que vous ne pouvez pas imbriquer deux graphiques l’un dans l’autre. N’hésitez pas à créer un autre graphique et à y accéder sans popUpTo(). Le bouton de retour fonctionnera de la même manière que prévu.

• Passez du temps et réfléchissez au flux d’utilisateurs dans l’application
• Essayez de vous faciliter la tâche. La navigation sera également plus facile pour votre utilisateur final.
• Passez du temps avec votre point de vue réel/utilisateur réel, et vous serez parfois surpris

Merci d’avoir lu et restez à l’écoute pour en savoir plus !

En savoir plus sur le développement Android :

Développement Android