8.4. Gestion de l'état dans Flutter : gestion de l'état avec le fournisseur

L'un des aspects les plus importants de la création d'applications à l'aide de Flutter et Dart est la gestion de l'état. La gestion de l'état est une partie cruciale du développement d'applications car elle concerne la manière dont les données sont stockées et manipulées. Il existe plusieurs façons de gérer l'état dans Flutter, mais dans ce texte, nous nous concentrerons sur l'utilisation du fournisseur.

Quel est le fournisseur ?

Le fournisseur est un package Flutter qui permet d'implémenter la gestion de l'état dans une application. Il fournit un moyen efficace et évolutif de gérer l'état, permettant d'accéder aux données n'importe où dans l'application sans avoir à transmettre explicitement les données via l'arborescence des widgets.

Pourquoi utiliser Provider pour la gestion de l'état ?

Le fournisseur est un excellent choix pour la gestion d'état pour plusieurs raisons. Premièrement, il est hautement évolutif. Cela signifie qu’il peut être utilisé pour gérer l’état dans des applications petites et grandes avec la même efficacité. Deuxièmement, le fournisseur est hautement optimisé pour les performances. Cela garantit que les widgets ne sont reconstruits qu'en cas de besoin, ce qui contribue au bon fonctionnement de l'application. Enfin, Provider est facile à utiliser et à comprendre, ce qui en fait un choix populaire parmi les développeurs Flutter.

Comment utiliser Provider pour la gestion de l'état ?

Voici les étapes de base pour utiliser Provider pour la gestion de l'état dans une application Flutter :

1. Installer le fournisseur : La première chose que vous devez faire est d'ajouter le fournisseur à votre projet Flutter. Cela peut être fait en ajoutant la dépendance Provider à votre fichier pubspec.yaml.
2. Création d'un modèle de données : l'étape suivante consiste à créer un modèle de données. Il s'agit d'un objet qui contient les données que vous souhaitez gérer. Ce modèle de données doit être notifiable, ce qui signifie qu'il doit informer le fournisseur chaque fois que ses données changent.
3. Fournir le modèle de données : après avoir créé le modèle de données, vous devez le fournir au fournisseur. Cela se fait en encapsulant l'arborescence des widgets de votre application dans un widget Fournisseur et en lui transmettant le modèle de données.
4. Consommation des données : enfin, vous pouvez consommer les données n'importe où dans votre application à l'aide du widget Consommateur. Ce widget s'abonne au modèle de données et se reconstruit chaque fois que les données changent.

Exemple d'utilisation du Provider

Prenons un exemple de la façon dont vous pouvez utiliser Provider pour gérer l'état dans une application de compteur simple.

Tout d'abord, vous devez créer un modèle de données. Dans ce cas, le modèle de données est un simple compteur avec une valeur incrémentable :

compteur de classe avec ChangeNotifier { valeur entière = 0 ; incrément vide() { valeur++ ; notifyListeners(); } }

Ensuite, vous devez fournir ce modèle de données au fournisseur. Cela se fait en encapsulant l'arborescence des widgets de votre application dans un widget ChangeNotifierProvider :

vide main() { exécuterApp( ChangeNotifierProvider( créer : (contexte) => Compteur(), enfant : MonApp(), ), ); }

Enfin, vous pouvez consommer la valeur du compteur n'importe où dans votre application à l'aide du widget Consommateur :

la classe MyApp étend StatelessWidget { @passer outre Construction du widget (contexte BuildContext) { renvoyer MaterialApp ( maison : échafaudage ( appBar : AppBar(titre : Text('Exemple de fournisseur')), corps : Centre ( enfant : Consommateur( constructeur : (contexte, compteur, enfant) => Text('${counter.value}'), ), ), FloatingActionButton : FloatingActionButton ( surPressé :() { Provider.of(contexte, écoutez : false).increment(); }, enfant : Icône (Icons.add), ), ), ); } }

Dans cet exemple, chaque fois que vous appuyez sur le bouton, la valeur du compteur est incrémentée et le widget Texte est automatiquement reconstruit pour refléter la nouvelle valeur.

En résumé, Provider est un outil puissant pour la gestion de l'état dans les applications Flutter. Il fournit un moyen efficace et évolutif de gérer l'état, permettant d'accéder aux données n'importe où dans l'application sans avoir à transmettre explicitement les données via l'arborescence des widgets. Avec Provider, vous pouvez créer des applications Flutter plus robustes et efficaces.

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

Quel est le rôle principal du fournisseur dans la gestion de l'état dans les applications Flutter ?

1

Le Provider permet d'incrémenter la valeur d'un compteur dans une application.

2

Le fournisseur est un outil qui permet d'implémenter la gestion d'état dans une application, permettant d'accéder aux données n'importe où dans l'application sans avoir à transmettre explicitement les données via l'arborescence des widgets.

3

Le fournisseur est utilisé pour créer un modèle de données dans une application.

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

Vous avez raté! Essayer à nouveau.

Page suivante de lebook gratuit :

106Gestion d'état dans Flutter : gestion d'état avec BLoC

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 !