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
2h25
de formation
15
leçons vidéo
5
chapitres
Intermédiaire
niveau requis
Matthieu Passerel
Matthieu Passerel
Formateur

Flutter GoRouter : La navigation moderne pour iOS et Android

Promo -50%
4.8/5 Trustpilot (1388 avis) Satisfait ou remboursé
2h25
de formation
15
leçons vidéo
5
chapitres

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.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
9,99€ 5€
Promo -50%
Paiement unique, sans abonnement
Accès à vie à cette formation
2h25 de vidéo • 5 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 767 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données