1
00:00:02,200 --> 00:00:07,030
Stellen wir also sicher, dass wir alle Daten sehen können, mit denen wir arbeiten. In dem Platzartikel habe ich bereits ein

2
00:00:07,030 --> 00:00:09,310
Gefühl für die Adresse bekommen, ich

3
00:00:09,310 --> 00:00:14,820
muss nur sicherstellen, dass ich das dort hineinpasse. Wenn ich also im Ortslistenbildschirm das Ortselement verwende, anstatt null für die

4
00:00:14,830 --> 00:00:20,940
Adresse zu übergeben, sollten wir natürlich itemData übergeben. Artikel. Adresse dort, weil

5
00:00:20,940 --> 00:00:23,820
wir die Adresse gespeichert haben sollten.

6
00:00:23,820 --> 00:00:33,960
Wenn wir das versuchen und dies neu laden, sehen wir hier und jetzt eine Dummy-Adresse, wenn wir ein neues Element hinzufügen, das als Titel und dann

7
00:00:33,960 --> 00:00:41,260
als Bild dienen soll, um ein schönes Bild aufzunehmen, und wir können uns hier sogar ein wenig bewegen,

8
00:00:41,260 --> 00:00:43,600
indem wir auf drücken Schlüssel, den

9
00:00:43,600 --> 00:00:45,480
Sie dort unten sehen. Wenn

10
00:00:45,700 --> 00:00:46,630
ich

11
00:00:47,870 --> 00:00:55,760
jetzt hier ein Bild mache, sieht das gut aus, und bestätigen Sie, indem Sie dort oben auf Zuschneiden klicken, das

12
00:00:55,850 --> 00:00:56,900
sieht gut aus.

13
00:00:56,900 --> 00:01:02,600
Holen Sie sich jetzt vielleicht den Benutzerstandort und speichern Sie diesen, das sieht gut aus.

14
00:01:02,600 --> 00:01:04,350
Dies ist die Adresse des Google-Hauptsitzes. Dies sieht aus

15
00:01:04,350 --> 00:01:05,550
wie das Bild, das ich aufgenommen

16
00:01:05,550 --> 00:01:06,630
habe. Das ist also schön.

17
00:01:06,630 --> 00:01:12,240
Stellen wir sicher, dass wir auf der Detailseite auch ein bisschen mehr darüber sehen und dass wir

18
00:01:12,570 --> 00:01:19,890
dies auf dem Ortsdetailbildschirm hier natürlich optimieren und eine Bildlaufansicht hinzufügen können, damit wir immer alles sehen können, wir Ich brauche hier

19
00:01:19,890 --> 00:01:25,460
keine flache Liste, weil wir nicht unendlich viele Elemente haben, vielleicht nur ein bisschen Scrollen, das basierend

20
00:01:25,460 --> 00:01:28,690
auf der Gerätegröße erforderlich ist, und dann möchte ich

21
00:01:29,180 --> 00:01:32,840
auf jeden Fall in der Lage sein, ein Bild auszugeben .

22
00:01:32,840 --> 00:01:36,410
Hier gebe ich mein Bild aus und darunter

23
00:01:36,410 --> 00:01:43,270
möchte ich auch meine Adresse und dann auch eine Kartenvorschau ausgeben können, also importiere ich dies

24
00:01:43,280 --> 00:01:47,190
ebenfalls und wir müssen diese Komponente ein wenig optimieren

25
00:01:47,200 --> 00:01:55,110
Bit also, aber im Moment importiere ich einfach die Kartenvorschau aus der Komponenten-Kartenvorschau wie diese und gebe diese

26
00:01:55,110 --> 00:01:57,830
hier unter meinem Text aus.

27
00:01:57,890 --> 00:02:06,650
Jetzt im Text möchte ich meinen Adresstext am Ende haben und das sind natürlich alle Daten, von denen ich erwarte, dass sie als

28
00:02:06,650 --> 00:02:11,040
Parameter oder mit Hilfe von Parametern übergeben werden. Um genau

29
00:02:11,120 --> 00:02:16,660
zu sein, wenn wir ein Element auswählen, übergeben wir es bereits die Orts-ID hier.

30
00:02:16,700 --> 00:02:25,200
Auf dem Ortsdetailbildschirm kann ich die Orts-ID durch Zugriff auf Requisiten abrufen. Navigation. getParam place ID ist die

31
00:02:25,230 --> 00:02:32,430
Kennung, die ich verwendet habe, und dann können wir natürlich den Use Selector verwenden,

32
00:02:32,490 --> 00:02:33,530
um

33
00:02:33,540 --> 00:02:36,680
die Anpassungsdaten aus unserem Redux-Store abzurufen.

34
00:02:36,780 --> 00:02:47,260
Aus React Redux importieren wir diese Daten von dort und können dann hier unseren ausgewählten Ort mit dem abrufen Hilfe der

35
00:02:47,300 --> 00:02:57,950
Verwendung Selektor, Übergabe einer Funktion und Zugriffsstatus. setzt. Orte und dann die Suchmethode, um einen bestimmten Ort zu

36
00:02:57,950 --> 00:03:03,920
finden, an dem die Orts-ID gleich der Orts-ID sein sollte, die wir aus unseren Parametern extrahieren. Dies ist

37
00:03:03,920 --> 00:03:11,420
der Ort, den wir für diesen Bildschirm geladen haben, und der ausgewählte Ort hat daher natürlich ein Adressfeld, das Wir können darauf zugreifen,

38
00:03:11,420 --> 00:03:17,750
da dies am Ende unserem Ortsmodell folgt. Für das Bild können wir dann natürlich auch die Quelle binden und den

39
00:03:17,750 --> 00:03:26,600
URI für dieses Objekt festlegen, an das wir die Quelle an selectedPlace übergeben. imageUri, weil ich in meinem Ortsmodell dort

40
00:03:26,690 --> 00:03:30,510
diesen Bild-URI benenne, das extrahiere

41
00:03:30,520 --> 00:03:31,440
ich

42
00:03:31,440 --> 00:03:33,640
hier und für

43
00:03:33,940 --> 00:03:38,380
die Kartenvorschau möchte ich meinen Standort übergeben.

44
00:03:38,390 --> 00:03:42,590
Gut ist, dass meine Kartenvorschau natürlich einen Standort enthält. Sie

45
00:03:42,590 --> 00:03:49,430
sucht nach diesem Standort-Requisit, damit ich diesen weitergeben kann. Dies sollte ein Objekt mit Lat-Schlüssel sein,

46
00:03:49,520 --> 00:03:57,340
damit wir selectedPlace verwenden können. lat dafür und die lng-Taste, die ausgewählt ist. lng.

47
00:03:57,360 --> 00:04:01,540
Jetzt geben wir das alles dort weiter.

48
00:04:01,590 --> 00:04:09,030
Jetzt werde ich auch den Text hier in eine Ansicht einbinden und dann hier einige Stile zuweisen.

49
00:04:09,070 --> 00:04:19,490
Auf dem Bild hier möchte ich einen Stil von Stilen haben. Bild in dieser Ansicht hier, die mein gesamtes standortbasiertes Material

50
00:04:19,490 --> 00:04:21,670
einschließt. Ich möchte

51
00:04:21,800 --> 00:04:28,350
einen Stil von beispielsweise Standortcontainer haben. In dieser Ansicht hier,

52
00:04:28,370 --> 00:04:29,600
einem

53
00:04:31,980 --> 00:04:44,550
Adresscontainerstil, im Text hier, im Adressstil und in der Kartenvorschau werde ich auch einen Stil festlegen

54
00:04:44,550 --> 00:04:46,400
und diese

55
00:04:46,400 --> 00:04:49,860
Kartenvorschau wie folgt benennen.

56
00:04:51,410 --> 00:04:56,630
Wenn Sie nun genau dieselben Namen verwenden, finden Sie im Anhang ein Styling, das ich für Sie eingerichtet habe. Sie können

57
00:04:56,630 --> 00:04:59,010
einfach Ihr Styles-Objekt durch dieses ersetzen. Dadurch werden Styles

58
00:04:59,120 --> 00:05:04,220
für all diese Bezeichner eingerichtet, die ich gerade hinzugefügt habe, damit alles so aussieht, wie ich es bin will es

59
00:05:04,220 --> 00:05:04,520
aussehen.

60
00:05:04,520 --> 00:05:09,200
Das ist also beigefügt und Sie können das verwenden, um sicherzustellen, dass Sie das gleiche Styling sofort erhalten,

61
00:05:09,200 --> 00:05:13,730
ohne dass ich all diese Stile schreibe, da wir in diesem Kurs so viele Stile geschrieben

62
00:05:13,730 --> 00:05:18,430
haben. Hier möchte ich mich wirklich auf die native Funktionalität konzentrieren und nicht schreibe die alle noch einmal.

63
00:05:18,490 --> 00:05:23,420
Nun ist es wichtig, dass Sie in der Bildlaufansicht auch den Stil des

64
00:05:23,420 --> 00:05:29,300
Inhaltscontainers festlegen. Dort verwende ich ein schnelles und schmutziges Inline-Styling, um die Elemente hier so

65
00:05:29,300 --> 00:05:37,710
auszurichten, dass alles gut auf der horizontalen Achse zentriert ist. Damit sollten wir in der Lage sein, die Details eines Ortes anzuzeigen.

66
00:05:37,710 --> 00:05:41,590
Ein wichtiger Hinweis: Ich verwende die Farbkonstante in den Stilen, die

67
00:05:41,620 --> 00:05:50,490
ich Ihnen bereitgestellt habe. Sie müssen also sicherstellen, dass Sie diese importieren, Farben aus Konstanten / Farben importieren und diesen Import auch hier hinzufügen, wenn Sie

68
00:05:50,490 --> 00:05:56,970
diese speichern und neu laden. Sie sollten in der Lage sein, diese Orte auf Android zu sehen, und natürlich

69
00:05:56,970 --> 00:06:00,480
können Sie einen Fallback-Text anzeigen, wenn Sie keine Orte haben,

70
00:06:00,480 --> 00:06:03,360
aber jetzt sehen Sie hier die Orte,

71
00:06:03,360 --> 00:06:06,570
und wenn ich darauf klicke, ist dies der Detailbildschirm.

72
00:06:06,750 --> 00:06:10,170
Das einzige Problem, das ich damit habe, ist, dass es

73
00:06:10,170 --> 00:06:10,890
gut aussieht,

74
00:06:10,980 --> 00:06:17,300
das ist gut, aber wenn ich auf die Karte klicke, passiert nichts und natürlich möchte ich dort auch zum

75
00:06:17,300 --> 00:06:23,650
Kartenbildschirm gehen, aber auf nicht bearbeitbare Weise, so dass ich Gehen Sie zum Kartenbildschirm, ohne ihn dort bearbeiten zu können.

76
00:06:23,750 --> 00:06:25,250
Das ist das verbleibende Stück, das wir

77
00:06:25,250 --> 00:06:25,880
hinzufügen müssen.