Donc, en ce qui concerne l'espacement, sur le composant sélecteur d'images, je vais simplement ajouter un peu de marge en bas ici de
15 pour ajouter un espacement entre ce composant sélecteur d'images et tout le reste dans le formulaire, mais le plus important, bien sûr, est que
nous sorte de passer cette image choisie à notre place, notre nouvel écran de lieu à droite parce que c'est là que nous avons
besoin de l'image à la fin, je n'ai pas seulement besoin d'elle ici en tant qu'aperçu,
j'en ai également besoin dans cet autre écran.
Eh bien pour cela, nous pouvons aller à notre gestionnaire de prise d'image et lorsque nous définissons
cela comme un aperçu, bien sûr, nous pouvons également tendre la main à nos accessoires et supposer que nous obtenons un accessoire disons sur
l'image prise qui devrait pointer vers une fonction qui nous définissons dans le nouvel écran de lieu que nous pouvons maintenant exécuter et
à cette fonction, je transmets également mon imageUri. Donc je ne le stocke pas ici uniquement en
interne pour avoir un aperçu, je le transmets également au composant parent pour ainsi dire et cela devrait être sur l'image prise.
Donc, tout ce que nous devons faire pour que cela fonctionne est que nous devons aller au nouvel écran de lieu et l'ajouter sur l'image
prise ici sur le sélecteur d'image et maintenant
cela devrait pointer vers une fonction qui est exécutée par le sélecteur d'image une fois que
nous l'avons fait choisissez une image.
Alors bien sûr ici, je veux aussi stocker cette valeur, donc je vais ajouter un autre état ici
et c'est la valeur de l'image ou simplement l'image
et définir l'image, peut-être que l'image sélectionnée et définir le nom de l'image sélectionnée dépend de vous, qui est initialement nul ou indéfini comme ceci et maintenant nous pouvons ajouter une
nouvelle fonction pour cela,
le gestionnaire d'image prise ici qui
reçoit le chemin de l'image à la fin, à droite, c'est ce que nous transmettons du sélecteur d'image lorsque nous appelons cette
fonction et ici nous définissons ensuite l'image sélectionnée sur le
chemin d'image que nous obtenons comme argument et le gestionnaire d'image prise est maintenant ce que nous passons dans le
sélecteur d'image ici à l'aide de l'accessoire sur image prise et voici comment nous communiquons
entre le sélecteur d'image et le nouvel écran de lieu. Lorsque nous cliquons maintenant sur le bouton Enregistrer
et donc que le gestionnaire de sauvegarde d'espace est exécuté, lorsque nous distribuons cette action
d'ajout de place, je veux maintenant
transmettre l'image sélectionnée, donc cet état est constant ici. Bien sûr, pour cela, nous devons modifier un peu le créateur
de l'action d'ajout de lieu, pour le moment il n'attend qu'un titre, il devrait maintenant également s'attendre
à une image et l'ajouter ici
ici à nos données de lieu et dans le réducteur, je veux maintenant ajoutez l'image à l'endroit qui
est en
cours de création mais
important, en ce moment notre modèle de lieu n'attend aucune image, il est donc temps de changer cela aussi, ajoutez
peut-être une imageUrl, imageUri pour être précis parce que c'est local et ensuite avoir cette image URI mis égal à imageUri nous arrivons ici et maintenant
avec ce réducteur ajusté, de retour dans les lieux, nous obtenons maintenant ces données d'image supplémentaires dans notre action et nous devons les transmettre au nouveau
constructeur de lieux, alors voici l'action. placeData. l'image est ce que je veux transmettre, c'est donc
le nouvel argument ajouté au constructeur de lieu et à l'action. placeData. image fait bien sûr référence
à l'image que nous mettons ici dans notre objet d'action. Donc, avec cela, l'image est en fait ajoutée à l'endroit qui est
créé et avec cela
dans l'écran de la liste des endroits où nous sortons l'élément de lieu, nous pouvons maintenant introduire des données
dans l'image et ce serait itemData. article. imageUrl, URL de l'image car itemData. élément fait référence à
un seul endroit qui est créé comme défini dans notre modèle de lieu et là nous avons imageUri
et donc bien sûr ici, il devrait être imageUri, pas URL mais c'est l'important, ce n'est pas seulement
image, c'est imageUri parce qu'ici nous
faisons référence à un objet lieu suivant notre modèle de lieu. Si nous enregistrons maintenant cela et jetons un coup d'œil, cela devrait
réellement
fonctionner et devrait nous permettre d'ajouter des images que nous voyons également dans notre liste de lieux.
Donc, ici, si je clique sur prendre une image et que je prends cette image fictive ici, comme ceci, recadrez ceci puis ajoutez également un titre ici et
cliquez sur enregistrer l'endroit, cela ne semble pas trop
mal, nous voyons notre image ici.
Maintenant, une chose est importante à comprendre.
Jusqu'à présent, nous ne stockons cette image que dans le chemin par défaut que nous sortons de la boîte qui est ce chemin temporaire
et ce n'est bien sûr pas là où nous voulons le stocker parce que comme je l'ai mentionné, cela
sera effacé périodiquement et donc finalement nous perdrons notre image qui bien sûr n'est pas le but ici.