7. Navigation et routage dans Flutter

La navigation et le routage sont des aspects cruciaux du développement d'applications dans Flutter. Flutter, étant un framework d'applications mobiles open source, offre une variété d'options pour la navigation et le routage des applications. Dans cet article, nous aborderons en détail la navigation et le routage dans Flutter, des bases aux niveaux avancés.

Pour commencer, la navigation est le processus de transition entre différentes pages (également appelées itinéraires) au sein d'une application. Le routage, quant à lui, est un mécanisme qui permet aux développeurs de définir la structure et le flux de l'application. En d'autres termes, la navigation concerne « comment » se déplacer entre les pages, tandis que le routage concerne « ce que sont » exactement ces pages.

1. Navigation de base dans Flutter

Dans Flutter, la classe Navigator est utilisée pour naviguer entre les itinéraires. Le Navigateur fonctionne comme une pile, où les itinéraires sont empilés les uns sur les autres. Lorsqu'un nouveau chemin est parcouru, il est placé sur la pile du navigateur. Et lorsque l'utilisateur revient en arrière, l'itinéraire actuel est retiré de la pile.

Pour naviguer vers un nouvel itinéraire, vous pouvez utiliser la méthode Navigator.push, en transmettant le contexte actuel et l'itinéraire vers lequel vous souhaitez naviguer. Pour revenir à l'itinéraire précédent, vous pouvez utiliser la méthode Navigator.pop.

2. Routage nommé dans Flutter

Dans les applications plus volumineuses, il peut être difficile de gérer plusieurs itinéraires et la navigation entre eux. C'est là que le routage nommé peut s'avérer utile. Avec le routage nommé, vous pouvez définir tous vos itinéraires en un seul endroit et y faire référence par leur nom.

Pour utiliser le routage nommé, vous devez définir un String Map et un WidgetBuilder dans MaterialApp ou CupertinoApp. Chaque touche de carte est le nom de l'itinéraire et la valeur correspondante est la fonction qui construira cet itinéraire.

3. Routage généré dans Flutter

Le routage généré est une technique de routage plus avancée dans Flutter. Il vous permet de définir des itinéraires de manière dynamique en fonction d'une logique ou d'une condition. Par exemple, vous souhaiterez peut-être afficher une page d'erreur lorsqu'un itinéraire inconnu est emprunté.

Pour utiliser le routage généré, vous devez fournir une fonction pour le paramètre onGenerateRoute de MaterialApp ou CupertinoApp. Cette fonction sera appelée chaque fois que le navigateur sera invité à naviguer vers un itinéraire avec la méthode pushNamed.

4. Passer des arguments entre les routes

De temps en temps, vous souhaiterez peut-être transmettre certaines données d'un itinéraire à un autre. Cela peut facilement être fait dans Flutter. Lorsque vous naviguez vers un nouvel itinéraire, vous pouvez transmettre n'importe quel objet à l'argument des arguments de la méthode push.

5. Routage des transitions personnalisées

Enfin, Flutter vous permet également de personnaliser les transitions de routage. Par défaut, Flutter utilise une transition de diapositive pour iOS et une transition de fondu pour Android. Cependant, vous pouvez remplacer cela en fournissant votre propre fonction de transition pour le paramètre transitionsBuilder de MaterialPageRoute ou CupertinoPageRoute.

En résumé, la navigation et le routage sont des aspects fondamentaux du développement d'applications dans Flutter. Ils vous permettent de définir la structure et le flux de votre application et d'offrir une expérience utilisateur exceptionnelle. Par conséquent, il est important de comprendre et de maîtriser ces concepts pour devenir un développeur Flutter efficace.

Page suivante de lebook gratuit :

86Navigation et routage dans Flutter : introduction au routage dans Flutter

4 minutes