7.12. Navigation et routage dans Flutter : Navigation avec push/pop

Página 97

La navigation et le routage sont des aspects fondamentaux du développement d'applications. Dans Flutter, ces fonctionnalités sont implémentées via un concept appelé « Navigateur » qui fonctionne comme une pile, où les différents itinéraires ou pages de l'application sont empilés les uns sur les autres. Dans ce contexte, discutons de la navigation push/pop dans Flutter.

Navigation Push/Pop

La navigation push/pop est un concept fondamental dans la création d'applications à l'aide de Flutter. La méthode « push » est utilisée pour ajouter une nouvelle route à la pile de routes du navigateur. D'autre part, la méthode 'pop' est utilisée pour supprimer l'itinéraire actuel de la pile Navigator.

Pour mieux comprendre, imaginez une application avec trois écrans : Écran A, Écran B et Écran C. Lorsque l'application démarre, l'écran A est poussé (push) sur la pile du Navigateur. Si l'utilisateur accède à l'écran B, cet écran est poussé sur la pile, au-dessus de l'écran A. Désormais, si l'utilisateur décide d'accéder à l'écran C, cet écran est également poussé sur la pile, étant au-dessus. L'ordre de la pile du Navigateur est donc le suivant : écran A, écran B et écran C.

Si l'utilisateur décide de revenir à l'écran B, l'écran C est retiré de la pile du navigateur, laissant l'écran B en haut. Si l'utilisateur revient à l'écran A, l'écran B est retiré de la pile, laissant l'écran A en haut. Par conséquent, la méthode « pop » permet à l'utilisateur de revenir en arrière dans les écrans de l'application.

Mise en œuvre de la navigation avec Push/Pop

Pour implémenter la navigation push/pop dans Flutter, vous devez utiliser les méthodes « Navigator.push » et « Navigator.pop ». Voici un exemple de la façon dont vous pouvez utiliser ces méthodes :

Navigator.push(context, MaterialPageRoute(builder: (context) => ScreenB()));

Ce code pousse l'écran B sur la pile Navigator. Le « contexte » est une référence à l'emplacement dans l'arborescence des widgets où cet appel est effectué. Le « MaterialPageRoute » est un itinéraire qui utilise une transition de page basée sur la conception matérielle pour changer d'écran.

Pour supprimer l'itinéraire actuel de la pile Navigator, vous pouvez utiliser le code suivant :

Navigateur.pop (contexte);

Ce code supprime l'itinéraire actuel de la pile Navigator, permettant à l'utilisateur de revenir à l'écran précédent.

Conclusion

En résumé, la navigation push/pop est un moyen efficace de gérer la navigation entre les différents écrans d'une application Flutter. En poussant un nouvel itinéraire sur la pile Navigator, vous pouvez amener l'utilisateur vers un nouvel écran. En supprimant l'itinéraire actuel de la pile, vous pouvez permettre à l'utilisateur de revenir à l'écran précédent. Comprendre ces concepts est essentiel pour créer des applications Flutter fonctionnelles et faciles à utiliser.

Il est important de se rappeler que la navigation et le routage ne sont qu'une partie du développement de l'application Flutter. En outre, vous devez également vous concentrer sur d'autres aspects tels que l'interface utilisateur, la logique de l'application et l'interaction avec les API et les bases de données. Cependant, avec de la pratique et de l'expérience, vous serez en mesure de créer des applications Flutter complètes et avancées.

Répondez maintenant à l’exercice sur le contenu :

Quelle est la fonction des méthodes « push » et « pop » dans Flutter ?

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Page suivante de lebook gratuit :

987.13. Navigation et routage dans Flutter : navigation avec paramètres facultatifs

Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte