1
00:00:02,200 --> 00:00:08,410
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

2
00:00:08,410 --> 00:00:15,160
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

3
00:00:15,160 --> 00:00:21,520
nous sorte de passer cette image choisie à notre place, notre nouvel écran de lieu à droite parce que c'est là que nous avons

4
00:00:21,520 --> 00:00:25,870
besoin de l'image à la fin, je n'ai pas seulement besoin d'elle ici en tant qu'aperçu,

5
00:00:25,870 --> 00:00:28,370
j'en ai également besoin dans cet autre écran.

6
00:00:28,600 --> 00:00:33,910
Eh bien pour cela, nous pouvons aller à notre gestionnaire de prise d'image et lorsque nous définissons

7
00:00:34,000 --> 00:00:41,590
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

8
00:00:41,620 --> 00:00:48,760
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

9
00:00:48,780 --> 00:00:54,700
à cette fonction, je transmets également mon imageUri. Donc je ne le stocke pas ici uniquement en

10
00:00:54,700 --> 00:01:01,730
interne pour avoir un aperçu, je le transmets également au composant parent pour ainsi dire et cela devrait être sur l'image prise.

11
00:01:01,920 --> 00:01:08,250
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

12
00:01:08,250 --> 00:01:10,350
prise ici sur le sélecteur d'image et maintenant

13
00:01:10,410 --> 00:01:14,510
cela devrait pointer vers une fonction qui est exécutée par le sélecteur d'image une fois que

14
00:01:14,550 --> 00:01:16,410
nous l'avons fait choisissez une image.

15
00:01:16,680 --> 00:01:22,950
Alors bien sûr ici, je veux aussi stocker cette valeur, donc je vais ajouter un autre état ici

16
00:01:23,820 --> 00:01:27,300
et c'est la valeur de l'image ou simplement l'image

17
00:01:27,390 --> 00:01:38,540
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

18
00:01:38,540 --> 00:01:40,280
nouvelle fonction pour cela,

19
00:01:40,280 --> 00:01:42,470
le gestionnaire d'image prise ici qui

20
00:01:42,470 --> 00:01:50,240
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

21
00:01:50,240 --> 00:01:53,990
fonction et ici nous définissons ensuite l'image sélectionnée sur le

22
00:01:54,230 --> 00:02:01,370
chemin d'image que nous obtenons comme argument et le gestionnaire d'image prise est maintenant ce que nous passons dans le

23
00:02:01,370 --> 00:02:06,800
sélecteur d'image ici à l'aide de l'accessoire sur image prise et voici comment nous communiquons

24
00:02:06,920 --> 00:02:14,140
entre le sélecteur d'image et le nouvel écran de lieu. Lorsque nous cliquons maintenant sur le bouton Enregistrer

25
00:02:14,140 --> 00:02:20,850
et donc que le gestionnaire de sauvegarde d'espace est exécuté, lorsque nous distribuons cette action

26
00:02:20,860 --> 00:02:24,010
d'ajout de place, je veux maintenant

27
00:02:24,100 --> 00:02:32,380
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

28
00:02:32,380 --> 00:02:38,740
de l'action d'ajout de lieu, pour le moment il n'attend qu'un titre, il devrait maintenant également s'attendre

29
00:02:38,740 --> 00:02:40,950
à une image et l'ajouter ici

30
00:02:40,990 --> 00:02:47,430
ici à nos données de lieu et dans le réducteur, je veux maintenant ajoutez l'image à l'endroit qui

31
00:02:47,440 --> 00:02:48,370
est en

32
00:02:48,520 --> 00:02:50,150
cours de création mais

33
00:02:50,170 --> 00:02:57,220
important, en ce moment notre modèle de lieu n'attend aucune image, il est donc temps de changer cela aussi, ajoutez

34
00:02:57,250 --> 00:03:06,490
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

35
00:03:06,490 --> 00:03:15,640
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

36
00:03:15,640 --> 00:03:21,670
constructeur de lieux, alors voici l'action. placeData. l'image est ce que je veux transmettre, c'est donc

37
00:03:21,670 --> 00:03:28,750
le nouvel argument ajouté au constructeur de lieu et à l'action. placeData. image fait bien sûr référence

38
00:03:28,750 --> 00:03:35,840
à 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

39
00:03:35,840 --> 00:03:37,160
créé et avec cela

40
00:03:37,280 --> 00:03:42,920
dans l'écran de la liste des endroits où nous sortons l'élément de lieu, nous pouvons maintenant introduire des données

41
00:03:42,920 --> 00:03:50,360
dans l'image et ce serait itemData. article. imageUrl, URL de l'image car itemData. élément fait référence à

42
00:03:50,420 --> 00:03:56,750
un seul endroit qui est créé comme défini dans notre modèle de lieu et là nous avons imageUri

43
00:03:56,780 --> 00:04:03,090
et donc bien sûr ici, il devrait être imageUri, pas URL mais c'est l'important, ce n'est pas seulement

44
00:04:03,220 --> 00:04:05,200
image, c'est imageUri parce qu'ici nous

45
00:04:05,230 --> 00:04:12,740
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

46
00:04:12,740 --> 00:04:13,410
réellement

47
00:04:13,580 --> 00:04:19,250
fonctionner et devrait nous permettre d'ajouter des images que nous voyons également dans notre liste de lieux.

48
00:04:19,340 --> 00:04:30,680
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

49
00:04:30,980 --> 00:04:34,700
cliquez sur enregistrer l'endroit, cela ne semble pas trop

50
00:04:34,880 --> 00:04:37,710
mal, nous voyons notre image ici.

51
00:04:38,120 --> 00:04:40,770
Maintenant, une chose est importante à comprendre.

52
00:04:40,880 --> 00:04:47,240
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

53
00:04:47,240 --> 00:04:52,160
et ce n'est bien sûr pas là où nous voulons le stocker parce que comme je l'ai mentionné, cela

54
00:04:52,160 --> 00:04:57,050
sera effacé périodiquement et donc finalement nous perdrons notre image qui bien sûr n'est pas le but ici.