7.4. Navigation et routage dans Flutter : navigation avec des itinéraires nommés
Page 89 | Écouter en audio
La navigation et le routage sont des aspects fondamentaux du développement d'applications. Dans Flutter, la navigation et le routage sont gérés par un objet de navigation doté d'une pile de widgets pouvant être manipulés pour naviguer entre les pages. L'un des moyens les plus efficaces de gérer la navigation dans Flutter consiste à utiliser des itinéraires nommés.
Les routes nommées sont essentiellement des chaînes utilisées pour identifier une page ou un écran dans une application Flutter. Ils sont utiles car ils vous permettent de naviguer vers une page sans avoir besoin d’y faire une référence directe. Cela rend le code plus facile à maintenir et plus flexible, car vous pouvez modifier l'implémentation d'une page sans avoir à modifier tous les endroits où la page est référencée.
Pour commencer à utiliser des itinéraires nommés dans Flutter, vous devez définir une feuille de route dans l'objet MaterialApp ou WidgetsApp. Cette carte d'itinéraire est un dictionnaire où les clés sont des chaînes représentant les noms d'itinéraire et les valeurs sont des fonctions qui renvoient le widget qui doit être affiché lorsque l'itinéraire est parcouru.
Par exemple, vous pourriez avoir une feuille de route qui ressemble à ceci :
{
'/' : (contexte) => Page d'accueil(),
'/detail' : (contexte) => DetailPage(),
}
Ici, la route '/' correspond à la page d'accueil et la route '/detail' correspond à la page de détail. Vous pouvez accéder à ces pages à l'aide de la méthode Navigator.pushNamed, en passant le contexte et le nom de la route comme arguments.
Par exemple, pour accéder à la page de détails, procédez comme suit :
Navigator.pushNamed(contexte, '/detail');
Cela poussera la DetailPage en haut de la pile de navigation et l'affichera. Si vous souhaitez transmettre des arguments à la page, vous pouvez les transmettre comme troisième argument à la méthode pushNamed. Par exemple, si vous souhaitez transmettre un objet Item à DetailPage, procédez comme suit :
Navigator.pushNamed(contexte, '/detail', arguments : élément);
Sur la DetailPage, vous pouvez ensuite accéder aux arguments à l'aide de la méthode ModalRoute.of pour obtenir l'itinéraire actuel, puis accéder à la propriété arguments. Par exemple :
élément final = ModalRoute.of(context).settings.arguments as Item ;
Cela récupérera l'objet Item que vous avez passé comme argument lorsque vous avez accédé à la page.
Les itinéraires nommés rendent la navigation dans Flutter beaucoup plus gérable et flexible. Ils vous permettent de définir tous vos itinéraires en un seul endroit, ce qui facilite leur maintenance et leur modification. De plus, comme les routes ne sont que des chaînes, vous pouvez facilement transmettre les noms de routes comme arguments, les stocker dans des variables ou même les générer dynamiquement.
En bref, la navigation et le routage sont une partie essentielle du développement de l'application Flutter, et l'utilisation d'itinéraires nommés peut grandement simplifier ce processus. En comprenant comment utiliser les routes nommées, vous pouvez rendre votre code plus maintenable, plus flexible et plus facile à naviguer.
Répondez maintenant à l’exercice sur le contenu :
_Quel est le rôle des routes nommées dans le développement de l'application Flutter ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Page suivante de lebook gratuit :
90Navigation et routage dans Flutter : navigation avec itinéraires dynamiques
2 minutes
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 !
