In Bezug auf den Abstand auf der Bildauswahlkomponente füge ich hier einfach einen kleinen Rand von 15 hinzu,
um einen Abstand zwischen dieser Bildauswahlkomponente und allem anderen in der Form hinzuzufügen, aber das Wichtigste ist natürlich, dass wir
Geben Sie dieses ausgewählte Bild an unseren Platz weiter, unseren neuen Ortsbildschirm, denn dort brauchen wir am Ende
das Bild. Ich brauche es hier nicht nur als Vorschau, ich brauche
es auch auf diesem anderen Bildschirm.
Nun, dafür können wir zu unserem Take Image Handler gehen und wenn wir dies als
Vorschau einstellen, können wir natürlich auch unsere Requisiten erreichen und davon ausgehen, dass wir eine Aussage über die aufgenommene Requisite bekommen,
die auf eine Funktion verweisen sollte, die Wir definieren im neuen Ortsbildschirm, den wir jetzt ausführen können, und an diese
Funktion leite ich auch mein imageUri weiter. Ich speichere es also nicht nur intern hier, um
eine Vorschau zu erhalten, sondern leite es sozusagen auch an die übergeordnete Komponente weiter, und das sollte auf dem aufgenommenen Bild sein.
Alles, was wir tun müssen, damit dies funktioniert, ist, dass wir zum neuen Ortsbildschirm gehen und dies auf der Bildauswahl-Requisite hier
auf der Bildauswahl hinzufügen. Dies sollte nun
auf eine Funktion verweisen, die von der Bildauswahl ausgeführt wird, sobald wir dies getan
haben wähle ein Bild aus.
Natürlich möchte ich hier auch diesen Wert speichern, also füge ich hier einen weiteren Status hinzu
und das ist der Bildwert oder nur Bild
und Bild einstellen. Vielleicht liegt es an Ihnen, das ausgewählte Bild und den ausgewählten Bildnamen festzulegen, was anfangs der Fall ist null oder undefiniert wie diese und jetzt
können wir eine
neue Funktion dafür hinzufügen, den hier
aufgenommenen Bildhandler, der am Ende den Bildpfad empfängt, richtig, das ist es, was wir von der Bildauswahl weiterleiten, wenn wir
diese Funktion aufrufen und hier setzen wir dann Das
ausgewählte Bild zu dem Bildpfad, den wir als Argument erhalten, und der Handler für die Bildaufnahme übergeben wir
nun mit Hilfe der Requisite für die Bildaufnahme an die Bildauswahl. Auf diese Weise
kommunizieren wir zwischen der Bildauswahl und der neuer Ortsbildschirm. Wenn wir jetzt auf die Schaltfläche Speichern klicken
und daher der Handler zum Speichern von Orten ausgeführt wird, möchte ich beim Auslösen dieser
Aktion zum Hinzufügen von Orten das
ausgewählte Bild weiterleiten, sodass dieser Status hier konstant bleibt. Dafür müssen wir natürlich den Ersteller der Aktion zum Hinzufügen von
Orten ein wenig optimieren. Im Moment erwartet er nur einen Titel, er sollte jetzt auch ein Bild
erwarten und dies auch hier zu
unseren Ortsdaten hinzufügen und im Reduzierer möchte ich jetzt Fügen Sie das Bild zu dem Ort hinzu, der
gerade erstellt
wird, aber wichtig ist.
Im Moment erwartet unser Ortsmodell kein Bild. Daher ist es an der Zeit, dies ebenfalls zu ändern. Fügen Sie dort
möglicherweise eine imageUrl hinzu, um genau zu sein imageUri, da es lokal ist, und haben Sie dann diese Bild-URI Setzen Sie gleich imageUri, das wir
hier und jetzt erhalten. Mit diesem angepassten Reduzierer für Orte erhalten wir jetzt diese zusätzlichen Bilddaten in unserer Aktion und müssen diese an den neuen
Ortskonstruktor weitergeben, also hier Aktion. placeData. Bild ist das, was ich weiterleiten möchte, also ist
dies das neue Argument, das dem Ortskonstruktor und der Aktion hinzugefügt wurde. placeData. Bild bezieht sich natürlich auf
das Bild, das wir hier in unserem Aktionsobjekt einstellen. Damit wird das Bild tatsächlich zu dem Ort hinzugefügt, der erstellt
wird, und mit
dem Bild auf dem Ortslistenbildschirm, auf dem wir das Ortselement ausgeben, können wir nun einige Daten in das
Bild einspeisen, und das wären itemData. Artikel. imageUrl, Bild-URL wegen itemData. item bezieht sich auf
einen einzelnen Ort, der wie in unserem Ortsmodell definiert erstellt wurde, und dort haben wir imageUri. Daher
sollte es hier natürlich imageUri sein, keine URL, aber das ist wichtig, es ist nicht nur
image, es ist imageUri, denn
hier beziehen wir uns zu einem Ortsobjekt nach unserem Ortsmodell. Wenn wir das jetzt speichern und einen Blick darauf werfen,
sollte
dies tatsächlich funktionieren und es uns ermöglichen, Bilder hinzuzufügen, die wir auch in unserer Ortsliste sehen.
Wenn ich hier auf Bild aufnehmen klicke und dieses Dummy-Bild hier aufnehme, beschneide es und füge dann auch hier einen Titel hinzu und klicke
auf Ort speichern. Das sieht nicht schlecht aus.
Wir sehen unser Bild hier.
Jetzt ist eines wichtig zu verstehen.
Bisher speichern wir dieses Bild nur in dem Standardpfad, den wir standardmäßig erhalten. Dies ist dieser temporäre Pfad, und dort
möchten wir es natürlich nicht speichern, da dies, wie bereits erwähnt, regelmäßig und daher eventuell
gelöscht wird Wir werden unser Image verlieren, was hier natürlich nicht das Ziel ist.