3.14. Principes de base de Dart : navigation sur plusieurs écrans

Pour créer des applications de A à Z à des applications avancées à l'aide de Flutter et Dart, il est essentiel de comprendre les concepts de base de Dart, notamment la navigation entre les écrans. Dans cet article, nous explorerons ce concept en détail.

Dart est un langage de programmation développé par Google, utilisé pour développer des applications mobiles, Web et de bureau. Il s'agit d'un langage orienté objet, fortement typé, qui prend en charge à la fois la compilation juste à temps et à l'avance. Flutter, quant à lui, est un framework UI (User Interface) développé par Google, qui permet la création d'applications belles et rapides pour Android, iOS, Web et ordinateur de bureau à partir d'une seule base de code.

Navigation entre les écrans

La navigation entre les écrans est l'un des concepts les plus importants dans le développement d'applications. Dans n’importe quelle application, les utilisateurs doivent pouvoir naviguer d’un écran à l’autre. Dans Dart, cela se fait en utilisant le concept d'itinéraires. Un itinéraire est simplement un écran ou une page dans une application. Flutter utilise le Navigateur pour gérer les itinéraires d'une application.

Le Navigateur fonctionne comme une pile. Chaque fois qu'un nouvel écran est ouvert, il est poussé vers le haut de la pile. Et lorsque l'utilisateur revient, l'écran au sommet de la pile est supprimé. C'est ce qu'on appelle la navigation empilée. Il s'agit d'un concept fondamental pour la navigation entre les écrans dans Dart.

Comment naviguer entre les écrans dans Dart

Dans Dart, la navigation entre les écrans se fait à l'aide de la méthode Navigator.push(). Cette méthode place une nouvelle route en haut de la pile Navigator. Pour revenir à l'écran précédent, vous pouvez utiliser la méthode Navigator.pop().

Par exemple, supposons que vous ayez deux écrans dans votre application, Screen1 et Screen2. Pour naviguer de Screen1 à Screen2, vous utiliserez le code suivant :

Navigateur.push( contexte, MaterialPageRoute(builder : (contexte) => Screen2()), );

Cela pousserait Screen2 en haut de la pile Navigator, accédant ainsi à Screen2. Pour revenir à Screen1, vous utiliserez le code suivant :

Navigateur.pop (contexte);

Cela supprimerait Screen2 du haut de la pile Navigator, revenant ainsi à Screen1.

Conclusion

En résumé, la navigation entre les écrans est un concept crucial dans le développement d'applications à l'aide de Dart et Flutter. Comprendre le fonctionnement du navigateur et de la navigation empilée est essentiel pour créer des applications dynamiques et interactives. Grâce à l'utilisation d'itinéraires et du Navigateur, vous pouvez créer des applications qui permettent aux utilisateurs de naviguer facilement d'un écran à un autre.

Nous espérons que cet article vous a permis de bien comprendre les bases de Dart et comment naviguer entre les écrans. Avec ces concepts en main, vous êtes parfaitement équipé pour commencer à créer vos propres applications à l'aide de Flutter et Dart.

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

Quelle est la fonction de la méthode Navigator.push() dans Dart ?

1

Supprimez le canevas supérieur de la pile du Navigateur.

2

Poussez un nouvel itinéraire vers le haut de la pile Navigator.

3

Créez une nouvelle pile dans le navigateur.

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

Vous avez raté! Essayer à nouveau.

Page suivante de lebook gratuit :

33Principes de base de Dart : Consommation d'API

3 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 !