7.13. Navigation et routage dans Flutter : navigation avec paramètres facultatifs

Página 98

La navigation et le routage sont des éléments essentiels du développement d'applications. Dans Flutter, la navigation et le routage sont gérés à l'aide du widget Navigator et des itinéraires. La navigation fait référence au processus de déplacement entre différents écrans d'une application, tandis que le routage fait référence au mappage d'URL ou d'autres identifiants vers des écrans spécifiques. Ce chapitre couvrira la navigation avec les paramètres facultatifs dans Flutter.

Pour commencer, il est important de comprendre ce que sont les paramètres facultatifs. Dans Dart, les paramètres facultatifs sont des arguments que vous pouvez transmettre à une fonction, mais qui ne sont pas obligatoires. Ceci est utile lorsque vous disposez d’une fonction qui peut accepter plusieurs arguments, mais que vous n’avez besoin d’en transmettre que quelques-uns. Dans le contexte de la navigation dans Flutter, les paramètres facultatifs sont utilisés pour transmettre des données entre les écrans.

Dans Flutter, la navigation entre les écrans se fait via le widget Navigator. Le widget Navigateur fonctionne comme une pile, où vous pouvez placer de nouveaux itinéraires sur la pile et ils seront affichés à l'écran. Lorsque vous souhaitez revenir à l'écran précédent, vous pouvez extraire l'itinéraire actuel de la pile.

Pour transmettre des données entre les écrans, vous pouvez utiliser des paramètres facultatifs. Par exemple, disons que vous disposez d'une liste d'éléments et que lorsque l'utilisateur clique sur un élément, vous souhaitez accéder à un nouvel écran affichant les détails de cet élément. Vous pouvez transmettre l'élément en tant que paramètre facultatif au nouvel itinéraire.

Voici un exemple de la façon dont vous pouvez procéder :

Navigateur.push( contexte, MatérielPageRoute( constructeur : (contexte) => DetailScreen (élément : élément), ), );

Dans la fonction ci-dessus, nous insérons une nouvelle route sur la pile Navigator. Le nouvel itinéraire est créé à l'aide de la fonction MaterialPageRoute, qui accepte une fonction de générateur. La fonction builder permet de construire l'écran qui sera affiché. Dans notre cas, nous construisons un écran DetailScreen et transmettons l'élément comme paramètre facultatif.

Sur l'écran DetailScreen, vous pouvez accéder à l'élément passé en paramètre facultatif comme suit :

la classe DetailScreen étend StatelessWidget { article final ; DetailScreen({Key key, @required this.item}) : super(key: key); @passer outre Construction du widget (contexte BuildContext) { retourner l'échafaudage ( barre d'application : barre d'application ( titre : Texte (élément.nom), ), corps : rembourrage ( remplissage : EdgeInsets.all (16.0), enfant : Texte (article.description), ), ); } }

Dans la classe DetailScreen, nous définissons l'élément comme un champ final, ce qui signifie qu'il doit être initialisé lorsque la classe est instanciée. Nous utilisons le constructeur de classe pour initialiser l'élément, et nous marquons l'élément comme @required, ce qui signifie qu'il doit être fourni lorsque la classe est instanciée.

Ensuite, nous utilisons l'élément pour créer l'interface utilisateur dans la fonction de construction. Nous utilisons le nom de l'élément comme titre de l'AppBar et la description de l'élément comme corps de texte.

En résumé, la navigation avec des paramètres facultatifs dans Flutter est un moyen puissant de transmettre des données entre les écrans. En combinant la puissance du widget Navigator avec les paramètres facultatifs de Dart, vous pouvez créer des applications complexes avec plusieurs écrans et données dynamiques.

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

Que sont les paramètres facultatifs dans le cadre de la navigation dans Flutter et comment sont-ils utilisés ?

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

Vous avez raté! Essayer à nouveau.

Page suivante de lebook gratuit :

997.14. Navigation et routage dans Flutter : Navigation avec animations

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 !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte