Jadi mari kita pastikan kita bisa melihat semua data yang sedang kita kerjakan. Di item tempat, aku sudah merasakan
alamatnya, aku hanya perlu
memastikan aku cocok dengan itu di sana. Jadi di layar daftar tempat, ketika saya menggunakan item tempat, alih-alih memberikan nol
untuk alamat, tentu saja kita harus melewati itemData. barang. alamat di sana
karena kita harus menyimpan alamatnya.
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
judul dan kemudian gambar untuk mengambil gambar yang bagus dan kita bahkan dapat bergerak di sini sedikit dengan
menekan tombol Kunci yang Anda lihat
di bawah sana, jadi
sekarang
jika saya mengambil gambar di sini, ya ini terlihat bagus, yang ini dan konfirmasikan dengan mengklik pada memotong di sana,
itu terlihat bagus.
Sekarang dapatkan lokasi pengguna mungkin dan kemudian simpan ini, ini terlihat bagus.
Ini adalah alamat kantor pusat Google, ini
seperti gambar yang saya ambil
jadi itu bagus.
Mari kita pastikan bahwa pada halaman detail, kita juga melihat sedikit lebih banyak tentang ini dan untuk itu
pada layar detail tempat di sini, kita tentu saja dapat mengubah ini dan menambahkan tampilan gulir sehingga kita memastikan bahwa kita selalu dapat melihat
semuanya, kita tidak perlu daftar datar di sini karena kita tidak akan memiliki jumlah item yang tak
terbatas, mungkin hanya sedikit bergulir yang diperlukan berdasarkan ukuran
perangkat dan kemudian di sana, saya pasti ingin dapat menampilkan gambar .
Jadi di sini saya akan menampilkan gambar saya dan di
bawahnya, saya juga ingin dapat menampilkan alamat saya dan kemudian juga sebenarnya, pratinjau peta, jadi saya akan mengimpor
ini juga dan kita perlu sedikit men-tweak komponen itu. Oleh
karena itu sedikit tetapi untuk sekarang saya hanya akan mengimpor pratinjau peta dari pratinjau peta komponen, seperti ini dan output ini
di bawah teks saya di sini.
Sekarang dalam teks, saya ingin memiliki teks alamat saya pada akhirnya dan itu tentu saja semua data yang saya harapkan
dapat diteruskan sebagai params atau dengan bantuan params, jadi
lebih tepatnya ketika kita memilih item, kita sudah mengirimkan ID tempat di sini.
Jadi di layar detail tempat, saya bisa mendapatkan ID tempat dengan mengakses alat peraga. navigasi. getParam place ID adalah pengenal
yang saya gunakan dan tentu saja kami dapat menggunakan pemilih penggunaan untuk mendapatkan data
pemasangan
dari toko Redux kami, jadi dari
React Redux, di situlah kami mengimpor ini dari dan kemudian di sini, kami bisa mendapatkan tempat yang dipilih dengan bantuan
pemilih penggunaan, melewati fungsi dan status akses. tempat tempat dan kemudian metode menemukan untuk menemukan tempat tertentu
di mana ID tempat harus sama dengan ID tempat yang kami ekstrak dari params kami, itulah
tempat kami memuat untuk layar ini dan karena itu tempat yang dipilih tentu saja memiliki bidang alamat yang kita dapat mengakses
karena mengikuti model tempat kita pada akhirnya dan untuk gambar, tentu saja kita juga dapat mengikat sumber dan
mengatur URI pada objek ini kita meneruskan sumber ke tempat yang dipilih. imageUri karena dalam model tempat saya di sana, saya
beri nama gambar ini URI, itulah yang
saya
ekstrak di sini dan
untuk pratinjau peta, saya ingin meneruskan di lokasi saya.
Untung peta pratinjau saya tentu saja mengambil lokasi, mencari prop
lokasi ini sehingga saya bisa meneruskan ini dan ini harus menjadi objek sebenarnya dengan kunci lat,
jadi kita bisa menggunakan selectedPlace. lat untuk ini dan kunci lng yang dipilih Tempat. lng.
Jadi sekarang kita melewati semua itu di sana.
Sekarang saya juga akan membungkus teks di sini menjadi tampilan dan kemudian menetapkan beberapa gaya di
sini, jadi pada gambar di sini, saya ingin memiliki gaya gaya. gambar pada tampilan ini di sini yang membungkus seluruh hal
berdasarkan lokasi saya,
saya ingin memiliki gaya katakanlah kontainer lokasi. Pada tampilan ini di sini,
gaya
wadah alamat, pada teks di sini, gaya alamat dan pada pratinjau peta, saya juga akan menetapkan gaya
dan nama
pratinjau peta ini, seperti ini.
Sekarang jika Anda menggunakan nama yang persis sama, terlampir Anda menemukan beberapa gaya yang saya atur untuk Anda,
Anda bisa mengganti objek gaya Anda dengan itu
dan ini mengatur gaya untuk semua pengidentifikasi ini saya hanya menambahkan untuk membuat semua terlihat seperti saya ingin terlihat.
Jadi itu terlampir dan Anda dapat menggunakannya untuk memastikan Anda mendapatkan style yang sama tanpa
saya menulis semua gaya ini karena kami telah menulis begitu banyak gaya selama kursus
ini, di sini saya benar-benar ingin fokus pada fungsi asli dan tidak tulis itu semua lagi.
Sekarang satu hal penting, pada tampilan gulir, Anda juga harus mengatur gaya wadah
konten dan di sana saya akan menggunakan gaya inline cepat dan kotor untuk mengatur menyelaraskan item
di sini ke pusat sehingga semuanya baik berpusat pada sumbu horizontal. Dengan itu kita harus dapat melihat detail tentang suatu tempat.
Satu catatan penting, saya menggunakan konstanta warna dalam gaya yang saya
berikan kepada Anda, jadi Anda harus memastikan untuk mengimpor itu, mengimpor warna dari Konstanta / warna dan dengan impor yang ditambahkan di sini juga,
jika Anda menyimpannya dan ini dimuat kembali, Anda harus dapat melihat tempat-tempat ini di Android dan tentu saja
Anda dapat menampilkan teks mundur jika Anda tidak memiliki tempat
tetapi sekarang di sini, Anda melihat tempat-tempat
dan jika saya mengkliknya, ini adalah layar detail.
Sekarang satu masalah yang saya miliki adalah tampilannya bagus, itu
bagus
tetapi jika saya mengklik peta, tidak ada yang terjadi dan tentu saja saya ingin pergi ke layar peta
juga tetapi dengan cara yang tidak dapat diedit, sehingga saya buka layar peta tanpa dapat mengeditnya di sana.
Itulah bagian yang tersisa yang perlu
kita tambahkan.