1
00:00:02,200 --> 00:00:07,030
Jadi mari kita pastikan kita bisa melihat semua data yang sedang kita kerjakan. Di item tempat, aku sudah merasakan

2
00:00:07,030 --> 00:00:09,310
alamatnya, aku hanya perlu

3
00:00:09,310 --> 00:00:14,820
memastikan aku cocok dengan itu di sana. Jadi di layar daftar tempat, ketika saya menggunakan item tempat, alih-alih memberikan nol

4
00:00:14,830 --> 00:00:20,940
untuk alamat, tentu saja kita harus melewati itemData. barang. alamat di sana

5
00:00:20,940 --> 00:00:23,820
karena kita harus menyimpan alamatnya.

6
00:00:23,820 --> 00:00:33,960
Jadi jika kita coba itu dan ini dimuat kembali, kita melihat alamat dummy di sini dan sekarang jika kita menambahkan item baru yang seharusnya berfungsi sebagai

7
00:00:33,960 --> 00:00:41,260
judul dan kemudian gambar untuk mengambil gambar yang bagus dan kita bahkan dapat bergerak di sini sedikit dengan

8
00:00:41,260 --> 00:00:43,600
menekan tombol Kunci yang Anda lihat

9
00:00:43,600 --> 00:00:45,480
di bawah sana, jadi

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

11
00:00:47,870 --> 00:00:55,760
jika saya mengambil gambar di sini, ya ini terlihat bagus, yang ini dan konfirmasikan dengan mengklik pada memotong di sana,

12
00:00:55,850 --> 00:00:56,900
itu terlihat bagus.

13
00:00:56,900 --> 00:01:02,600
Sekarang dapatkan lokasi pengguna mungkin dan kemudian simpan ini, ini terlihat bagus.

14
00:01:02,600 --> 00:01:04,350
Ini adalah alamat kantor pusat Google, ini

15
00:01:04,350 --> 00:01:05,550
seperti gambar yang saya ambil

16
00:01:05,550 --> 00:01:06,630
jadi itu bagus.

17
00:01:06,630 --> 00:01:12,240
Mari kita pastikan bahwa pada halaman detail, kita juga melihat sedikit lebih banyak tentang ini dan untuk itu

18
00:01:12,570 --> 00:01:19,890
pada layar detail tempat di sini, kita tentu saja dapat mengubah ini dan menambahkan tampilan gulir sehingga kita memastikan bahwa kita selalu dapat melihat

19
00:01:19,890 --> 00:01:25,460
semuanya, kita tidak perlu daftar datar di sini karena kita tidak akan memiliki jumlah item yang tak

20
00:01:25,460 --> 00:01:28,690
terbatas, mungkin hanya sedikit bergulir yang diperlukan berdasarkan ukuran

21
00:01:29,180 --> 00:01:32,840
perangkat dan kemudian di sana, saya pasti ingin dapat menampilkan gambar .

22
00:01:32,840 --> 00:01:36,410
Jadi di sini saya akan menampilkan gambar saya dan di

23
00:01:36,410 --> 00:01:43,270
bawahnya, saya juga ingin dapat menampilkan alamat saya dan kemudian juga sebenarnya, pratinjau peta, jadi saya akan mengimpor

24
00:01:43,280 --> 00:01:47,190
ini juga dan kita perlu sedikit men-tweak komponen itu. Oleh

25
00:01:47,200 --> 00:01:55,110
karena itu sedikit tetapi untuk sekarang saya hanya akan mengimpor pratinjau peta dari pratinjau peta komponen, seperti ini dan output ini

26
00:01:55,110 --> 00:01:57,830
di bawah teks saya di sini.

27
00:01:57,890 --> 00:02:06,650
Sekarang dalam teks, saya ingin memiliki teks alamat saya pada akhirnya dan itu tentu saja semua data yang saya harapkan

28
00:02:06,650 --> 00:02:11,040
dapat diteruskan sebagai params atau dengan bantuan params, jadi

29
00:02:11,120 --> 00:02:16,660
lebih tepatnya ketika kita memilih item, kita sudah mengirimkan ID tempat di sini.

30
00:02:16,700 --> 00:02:25,200
Jadi di layar detail tempat, saya bisa mendapatkan ID tempat dengan mengakses alat peraga. navigasi. getParam place ID adalah pengenal

31
00:02:25,230 --> 00:02:32,430
yang saya gunakan dan tentu saja kami dapat menggunakan pemilih penggunaan untuk mendapatkan data

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

33
00:02:33,540 --> 00:02:36,680
dari toko Redux kami, jadi dari

34
00:02:36,780 --> 00:02:47,260
React Redux, di situlah kami mengimpor ini dari dan kemudian di sini, kami bisa mendapatkan tempat yang dipilih dengan bantuan

35
00:02:47,300 --> 00:02:57,950
pemilih penggunaan, melewati fungsi dan status akses. tempat tempat dan kemudian metode menemukan untuk menemukan tempat tertentu

36
00:02:57,950 --> 00:03:03,920
di mana ID tempat harus sama dengan ID tempat yang kami ekstrak dari params kami, itulah

37
00:03:03,920 --> 00:03:11,420
tempat kami memuat untuk layar ini dan karena itu tempat yang dipilih tentu saja memiliki bidang alamat yang kita dapat mengakses

38
00:03:11,420 --> 00:03:17,750
karena mengikuti model tempat kita pada akhirnya dan untuk gambar, tentu saja kita juga dapat mengikat sumber dan

39
00:03:17,750 --> 00:03:26,600
mengatur URI pada objek ini kita meneruskan sumber ke tempat yang dipilih. imageUri karena dalam model tempat saya di sana, saya

40
00:03:26,690 --> 00:03:30,510
beri nama gambar ini URI, itulah yang

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

42
00:03:31,440 --> 00:03:33,640
ekstrak di sini dan

43
00:03:33,940 --> 00:03:38,380
untuk pratinjau peta, saya ingin meneruskan di lokasi saya.

44
00:03:38,390 --> 00:03:42,590
Untung peta pratinjau saya tentu saja mengambil lokasi, mencari prop

45
00:03:42,590 --> 00:03:49,430
lokasi ini sehingga saya bisa meneruskan ini dan ini harus menjadi objek sebenarnya dengan kunci lat,

46
00:03:49,520 --> 00:03:57,340
jadi kita bisa menggunakan selectedPlace. lat untuk ini dan kunci lng yang dipilih Tempat. lng.

47
00:03:57,360 --> 00:04:01,540
Jadi sekarang kita melewati semua itu di sana.

48
00:04:01,590 --> 00:04:09,030
Sekarang saya juga akan membungkus teks di sini menjadi tampilan dan kemudian menetapkan beberapa gaya di

49
00:04:09,070 --> 00:04:19,490
sini, jadi pada gambar di sini, saya ingin memiliki gaya gaya. gambar pada tampilan ini di sini yang membungkus seluruh hal

50
00:04:19,490 --> 00:04:21,670
berdasarkan lokasi saya,

51
00:04:21,800 --> 00:04:28,350
saya ingin memiliki gaya katakanlah kontainer lokasi. Pada tampilan ini di sini,

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

53
00:04:31,980 --> 00:04:44,550
wadah alamat, pada teks di sini, gaya alamat dan pada pratinjau peta, saya juga akan menetapkan gaya

54
00:04:44,550 --> 00:04:46,400
dan nama

55
00:04:46,400 --> 00:04:49,860
pratinjau peta ini, seperti ini.

56
00:04:51,410 --> 00:04:56,630
Sekarang jika Anda menggunakan nama yang persis sama, terlampir Anda menemukan beberapa gaya yang saya atur untuk Anda,

57
00:04:56,630 --> 00:04:59,010
Anda bisa mengganti objek gaya Anda dengan itu

58
00:04:59,120 --> 00:05:04,520
dan ini mengatur gaya untuk semua pengidentifikasi ini saya hanya menambahkan untuk membuat semua terlihat seperti saya ingin terlihat.

59
00:05:04,520 --> 00:05:09,200
Jadi itu terlampir dan Anda dapat menggunakannya untuk memastikan Anda mendapatkan style yang sama tanpa

60
00:05:09,200 --> 00:05:13,730
saya menulis semua gaya ini karena kami telah menulis begitu banyak gaya selama kursus

61
00:05:13,730 --> 00:05:18,430
ini, di sini saya benar-benar ingin fokus pada fungsi asli dan tidak tulis itu semua lagi.

62
00:05:18,490 --> 00:05:23,420
Sekarang satu hal penting, pada tampilan gulir, Anda juga harus mengatur gaya wadah

63
00:05:23,420 --> 00:05:29,300
konten dan di sana saya akan menggunakan gaya inline cepat dan kotor untuk mengatur menyelaraskan item

64
00:05:29,300 --> 00:05:37,710
di sini ke pusat sehingga semuanya baik berpusat pada sumbu horizontal. Dengan itu kita harus dapat melihat detail tentang suatu tempat.

65
00:05:37,710 --> 00:05:41,590
Satu catatan penting, saya menggunakan konstanta warna dalam gaya yang saya

66
00:05:41,620 --> 00:05:50,490
berikan kepada Anda, jadi Anda harus memastikan untuk mengimpor itu, mengimpor warna dari Konstanta / warna dan dengan impor yang ditambahkan di sini juga,

67
00:05:50,490 --> 00:05:56,970
jika Anda menyimpannya dan ini dimuat kembali, Anda harus dapat melihat tempat-tempat ini di Android dan tentu saja

68
00:05:56,970 --> 00:06:00,480
Anda dapat menampilkan teks mundur jika Anda tidak memiliki tempat

69
00:06:00,480 --> 00:06:03,360
tetapi sekarang di sini, Anda melihat tempat-tempat

70
00:06:03,360 --> 00:06:06,570
dan jika saya mengkliknya, ini adalah layar detail.

71
00:06:06,750 --> 00:06:10,170
Sekarang satu masalah yang saya miliki adalah tampilannya bagus, itu

72
00:06:10,170 --> 00:06:10,890
bagus

73
00:06:10,980 --> 00:06:17,300
tetapi jika saya mengklik peta, tidak ada yang terjadi dan tentu saja saya ingin pergi ke layar peta

74
00:06:17,300 --> 00:06:23,650
juga tetapi dengan cara yang tidak dapat diedit, sehingga saya buka layar peta tanpa dapat mengeditnya di sana.

75
00:06:23,750 --> 00:06:25,250
Itulah bagian yang tersisa yang perlu

76
00:06:25,250 --> 00:06:25,880
kita tambahkan.