L'objectif est donc d'accéder à un écran différent si l'on appuie sur l'un de ces éléments, et nous
devons donc ajouter un écran différent dans le dossier screens, je vais créer un deuxième fichier que j'appellerai meals dot dart,
parce que l'objectif de cet écran est d'afficher tous les repas d'une catégorie sélectionnée.
Maintenant, au lieu de repas.
Dodge Dart, nous devons bien sûr créer une nouvelle classe et je l'appellerai Meals screen car il s'agira
d'un widget qui fera office d'écran.
Cela permettra également d'étendre le widget "state less", car il n'y aura pas d'état à gérer
dans cet écran par la suite.
C'est le cas pour les écrans de repas.
Et bien sûr, nous ajoutons build et nous ajoutons notre fonction constructeur comme nous le faisons toujours, en transférant cette clé.
Pour cet écran, j'aurai également besoin d'une liste de tous les repas qui devraient être affichés
pour une catégorie donnée.
Pour ce faire, nous avons bien entendu besoin de repas, sans quoi il sera difficile de les présenter.
Ainsi, ici, dans le dart de données fictives, je veux ajouter des données fictives de repas et pour cela, je veux
tout d'abord ajouter un nouveau modèle dans ce dossier de modèles.
J'ajouterai un nouveau fichier appelé Meal Dot Dart dans lequel je souhaite définir la structure d'un seul repas.
J'y ajouterai donc une nouvelle classe de repas.
Et comme il s'agit d'un cours assez long, vous trouverez mon fichier meal dot dart en pièce jointe et vous devriez simplement
remplacer votre fichier meal dot dart dans le dossier des modèles par celui qui est joint ou simplement remplacer le contenu.
Et si vous faites cela, vous verrez que mon fichier meal dot dart contient cette classe meal qui a en fait
une longue liste de propriétés qui sont toutes définies par des paramètres nommés.
Par exemple, pour chaque repas, nous stockons un titre, l'URL d'une image, les ingrédients, qui sont une liste de chaînes de
caractères, et les étapes.
Il s'agit donc essentiellement des instructions relatives à la préparation du repas, qui sont également une liste de chaînes de
caractères, de la durée, qui est un nombre, ainsi que de la complexité et de l'accessibilité financière, qui sont des énumérations avec
des choix prédéfinis ou des options prédéfinies, pour le dire ainsi.
En outre, je dispose également de quelques indicateurs qui nous permettent de savoir si un repas donné est sans
gluten, sans lactose, végétalien ou végétarien.
C'est ainsi qu'un repas sera défini dans cette application.
Avec l'ajout de ce modèle, nous allons également mettre à jour le fichier dart de données fictives et vous pouvez simplement utiliser
celui que vous trouverez ci-joint et remplacer votre fichier dart de données fictives par le fichier ci-joint.
Et encore une fois, assurez-vous que le nom de votre projet correspond ici dans les déclarations d'importation.
Vous verrez qu'il y a encore toutes ces catégories ici.
Mais il y a aussi cette liste de repas factices où j'utilise ce nouveau modèle de repas pour créer une série de repas factices,
tous avec des ingrédients, des instructions et des liens vers des images, mais bien sûr, n'hésitez pas à créer
vos propres repas ici aussi.
Ces repas ayant été ajoutés au fichier dart dummy data dot, nous pouvons aller dans le fichier
dart meals et y éditer la liste des repas.
Maintenant, puisque ce widget agira comme un widget d'écran, nous devrions aussi, tout d'abord, renvoyer un widget
d'échafaudage afin que nous puissions, par exemple, définir la barre d'application, ce qui est exactement ce que je vais
faire ici afin de définir le titre.
Le titre doit correspondre à la catégorie sélectionnée.
Par conséquent, dans l'écran de ce repas, nous devrions accepter ce titre comme donnée d'entrée.
Je veux aussi accepter mes repas comme données d'entrée, et cela devrait être une liste de repas utilisant le modèle de repas que nous
avons défini dans le dossier des modèles.
Il faut donc ajouter ce chemin d'importation.
Bien entendu, ces deux valeurs d'entrée doivent également être définies lors de la création de ce widget.
J'exigerai donc qu'un titre soit fourni et que les repas soient fournis.
Et de retour ici dans la méthode de construction, nous pouvons maintenant définir le titre comme un titre dans la barre d'application.
Et mettre l'organisme sur cette liste à la fin.
Il s'agit donc d'un widget qui produit cette liste de repas.
Et c'est bien sûr aussi quelque chose que vous pouvez essayer par vous-même.
Essayez de produire cette liste de repas ici, peut-être d'une manière qui offre de bonnes performances, même si nous avions
une longue liste de repas.
Veillez également à afficher un texte de remplacement au cas où aucun repas ne serait disponible.
Ainsi, si nous avons sélectionné une catégorie qui ne comporte pas de repas, par exemple, vous devez absolument l'essayer par vous-même.
Par la suite, nous le mettrons en œuvre ensemble.