Flutter GoRouter : La navigation moderne pour iOS et Android
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Flutter GoRouter : La navigation moderne pour iOS et Android

Matthieu Passerel
9,99€
klarna-condensed
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Le Problème : La navigation "Spaghetti"
La plupart des développeurs Flutter galèrent avec des Navigator.push éparpillés partout. Résultat ? Une application qui crash dès qu'on rafraîchit une page web, des flux d'authentification qui fuient, de mauvaises URL et une maintenance qui devient un enfer.

La Solution : GoRouter (La Navigation Moderne)
On va prendre ce chaos et le transformer en une architecture laser. GoRouter, c'est le moteur qui permet de traiter votre application mobile comme un site web ultra-performant et votre application web comme un logiciel de pointe.

Au programme de ce tuto Flutter GoRouteur

  • Le GPS de ton App : Tu ne "pousses" plus de widgets, tu gères des destinations. Ton URL devient la source de vérité absolue.
  • Deep Linking de l'espace : Tes utilisateurs pourront partager n'importe quelle page de ton app avec un simple lien, et l'app reconstruira tout l'historique magiquement.
  • Le Shell Architecture : Construis ces interfaces modernes où les menus restent fixes pendant que le contenu danse. C’est propre, c’est fluide, c’est pro.
  • Le Videur (Guards) : Apprends à mettre en place un système de redirection intelligent. Pas connecté ? Retour au Login. Pas les droits ? Accès refusé. Tout ça, géré à un seul endroit centralisé.
  • Zéro Erreur (Typage Fort) : On va utiliser la génération de code pour que tu n'aies plus jamais à taper une URL à la main. Si ça compile, ça marche.

Pourquoi tu dois suivre ça ?

Parce qu'aujourd'hui, savoir faire un bouton c'est bien, mais savoir architecturer un flux c'est ce qui fait la différence entre un développeur junior et un architecte senior.
On va bâtir une structure tellement propre qu'elle va devenir le socle de tous tes futurs projets. Tu ne coderas plus jamais la navigation de la même façon.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Intoduction
Chapitre 2
Les bases de GoRouter
Chapitre 3
GoRouter et le Shell
Chapitre 4
Sécurisation des routes
Chapitre 5
Avancé

Table des matières

Chapitre 1 : Intoduction
07m07
 
Leçon 1Qu'est ce que GoRouter ?
Leçon 2Mise en place du projet Flutter
Chapitre 2 : Les bases de GoRouter
52m15
 
Leçon 1Créons notre premier router
Leçon 2Aller sur une nouvelle route
Leçon 3Différence entre les méthodes go, push et imbrication des routes
Leçon 4Une route avec paramètre
Leçon 5Une route avec Query
Chapitre 3 : GoRouter et le Shell
22m50
 
Leçon 1Création d'un shel simple
Leçon 2Création d"un Shell qui garde l'état (Stateful)
Chapitre 4 : Sécurisation des routes
20m06
 
Leçon 1Gestion de la redirection
Leçon 2Ecouter le changement de route
Chapitre 5 : Avancé
43m09
 
Leçon 1Les animations de transition
Leçon 2Gérer une erreur 404
Leçon 3Les routes nommées
Leçon 4Les routes typées

Aperçus

Vos questions sur le cours

Que saurez-vous concrètement mettre en place dans vos applications après avoir suivi ce tutoriel sur GoRouter ?

Vous serez en mesure d'intégrer une navigation moderne dans vos applications Flutter en utilisant le package GoRouter. Vous saurez structurer des routes, gérer les transitions, passer des paramètres via l’URL, utiliser le deep linking et mettre en place des règles de redirection ou de sécurisation d’accès selon différents contextes.

Le tutoriel montre-t-il comment gérer une navigation avec des paramètres, des requêtes ou des erreurs spécifiques ?

Oui, le tutoriel aborde la gestion des routes avec paramètres et des requêtes, ainsi que l'affichage de pages d’erreur spécifiques comme la 404. Des exemples de passage de paramètres dans l’URL et d'utilisation de requêtes (query) sont explicitement traités.

Est-il possible après ce cours de créer une navigation où certaines parties de l’application restent fixes (ex : menu) tandis que le contenu change ?

Oui, l’utilisation des Shells est montrée et permet de concevoir des interfaces où des éléments comme un menu ou une barre de navigation restent fixes, tandis que le reste de la page change en fonction de la route active.

Le tutoriel traite-t-il des problématiques de sécurisation ou d’accès conditionnel à certaines routes ?

Oui, il est expliqué comment mettre en place des redirections automatiques en fonction de l’état de connexion ou de rôles déterminés. Il est donc possible d’appliquer des restrictions d’accès à des pages selon des conditions particulières.

Suis-je obligé d’utiliser un environnement de développement spécifique pour suivre ce cours ou puis-je utiliser mon éditeur Flutter habituel ?

Le tutoriel montre la mise en place d’un projet Flutter depuis des environnements courants comme Android Studio ou Visual Studio Code. Il est possible de suivre les étapes avec tout éditeur compatible avec Flutter, sans contrainte particulière.

Existe-t-il des prérequis logiciels, versions ou packages indispensables avant de commencer ?

Il est nécessaire de disposer d’un environnement Flutter fonctionnel et à jour, ainsi que d’installer le package GoRouter depuis pub.dev. Certaines fonctionnalités dépendent de la version utilisée : il est conseillé de préférer des versions récentes pour une expérience sans limitation majeure.

Puis-je demander le remboursement si le tutoriel ne répond pas à mes attentes ?

Vous pouvez consulter ou utiliser la politique de remboursement de la plateforme tuto.com. Celle-ci prévoit des conditions précises en matière de satisfaction ou de rétractation après achat.

Y a-t-il des sujets liés à la navigation Flutter qui ne sont pas traités dans ce tutoriel ?

Certaines approches très avancées, comme la gestion complète de projets multi-modules, ou l’intégration avec des infrastructures non couvertes par GoRouter, ne sont pas abordées. Le tutoriel reste centré sur les usages courants et les techniques principales de GoRouter.

Le tutoriel garantit-il une compatibilité avec toutes les versions de Flutter ou avec des environnements d’entreprise complexes ?

Le contenu se base sur des versions récentes et courantes de Flutter. Pour des environnements très spécifiques ou des contextes multi-projets, il est recommandé de vérifier au cas par cas la compatibilité et les adaptations nécessaires, car ces situations ne sont pas explicitement couvertes.

Payer plus tard

Prix d'achat : 9,99 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1401 tutos gratuits

Notre politique de protection des données