1 00:00:02,160 --> 00:00:09,210 Jadi saya ingin pergi ke layar peta dan saya sebenarnya ingin menambahkan penanda di sana sejak awal yang juga merupakan sesuatu yang 2 00:00:09,210 --> 00:00:11,050 tidak didukung saat ini dan 3 00:00:11,100 --> 00:00:13,910 saya ingin memastikan bahwa saya tidak dapat memilih lokasi 4 00:00:13,990 --> 00:00:15,990 baru di sana, jadi beberapa batasan. 5 00:00:15,990 --> 00:00:21,960 Jadi ketika kita mengklik pratinjau peta, onPress, saya ingin menavigasi ke layar yang berbeda di sebelah kanan. 6 00:00:22,020 --> 00:00:28,330 Jadi saya akan menambahkan konstanta baru di sini untuk memegang fungsi yang saya akan beri nama show handler peta, tentu saja Anda 7 00:00:28,590 --> 00:00:33,300 juga bisa menggunakan fungsi inline dan saya akan menghubungkan show handler peta ke saya pada prop tekan 8 00:00:33,300 --> 00:00:35,340 di sini di pratinjau peta . 9 00:00:35,370 --> 00:00:38,970 Ini akan dipicu ketika kita mengklik pratinjau, ketika kita mengetuknya dan di 10 00:00:39,130 --> 00:00:47,430 sini tentu saja saya ingin menavigasi. Tentu saja itu bisa dilakukan dengan alat peraga. navigasi. navigasi dan kemudian pergi 11 00:00:47,430 --> 00:00:49,200 ke layar peta. 12 00:00:49,200 --> 00:00:51,520 Masalahnya hanya jika kita melakukannya seperti 13 00:00:51,520 --> 00:00:58,830 ini, tidak mengherankan jika kita melihat ini di Android setelah ini dimuat ulang, jika saya klik ini, saya memuat layar peta 14 00:00:58,830 --> 00:01:05,790 tetapi saya tidak memiliki tempat yang saya pilih terpilih sebelumnya dan saya bisa juga klik di sini dan simpan 15 00:01:05,790 --> 00:01:10,120 dan kembali ke layar tambah tempat saya dan itu pasti bukan cara 16 00:01:11,240 --> 00:01:12,860 kerjanya, jadi itu salah. 17 00:01:12,890 --> 00:01:19,640 Alih-alih, saya ingin meneruskan beberapa data ke layar peta di mana saya dapat membuat satu set ini hanya 18 00:01:19,880 --> 00:01:23,140 untuk dibaca, katakan saja, jadi saya akan meneruskan prop 19 00:01:23,450 --> 00:01:32,870 hanya baca dan mengatur ini menjadi benar dan saya juga ingin mengatur lokasi awal dan mengatur ini ke objek misalnya, di mana saya pada dasarnya lulus 20 00:01:32,870 --> 00:01:35,990 di lokasi ini saya juga tunjukkan pada pratinjau. 21 00:01:35,990 --> 00:01:46,870 Jadi ini di sini, saya dapat memotongnya dari sana dan membuat tetapan pembantu baru di sini, lokasi yang dipilih sekarang hanya di sini dan saya 22 00:01:46,870 --> 00:01:54,310 meneruskan ini sebagai lokasi awal di sini, lokasi yang dipilih dan saya meneruskannya ke pratinjau peta saya 23 00:01:54,310 --> 00:01:57,440 di prop lokasi dan dengan itu, kami 24 00:01:57,510 --> 00:02:01,160 meneruskan data ke layar peta, kami sekarang perlu menggunakannya 25 00:02:01,170 --> 00:02:02,430 di sana. 26 00:02:02,430 --> 00:02:08,940 Jadi kita perlu menggunakan prop atau param hanya baca untuk memastikan kita tidak dapat memilih tempat baru, lokasi awal untuk 27 00:02:08,940 --> 00:02:11,670 tetap memiliki penanda di sana sejak awal. 28 00:02:12,620 --> 00:02:19,990 Jadi sekarang untuk menggunakan semua informasi itu di sini di layar peta, saya bisa mendapatkan data saya dari params yang saya terima, 29 00:02:20,000 --> 00:02:30,380 jadi saya mendapatkan lokasi awal saya dengan mengakses alat peraga. navigasi. Lokasi awal getParam yang mungkin diatur, 30 00:02:30,380 --> 00:02:37,940 tentu saja ini juga mungkin tidak terdefinisi tetapi juga mungkin diatur dan saya mendapatkan hanya membaca dengan 31 00:02:37,970 --> 00:02:42,980 navigasi props dapatkan param hanya baca yang juga mungkin tidak terdefinisi. 32 00:02:43,150 --> 00:02:45,860 Sekarang lokasi awal dapat 33 00:02:45,860 --> 00:02:51,680 digunakan untuk menginisialisasi keadaan sekarang. Sekarang ini tidak akan menginisialisasi ulang ini setiap kali ini dirender ulang, 34 00:02:51,680 --> 00:02:56,450 melainkan Bereaksi mengelola ini sehingga ini menetapkan keadaan awal dan untuk siklus render ulang berikutnya, ini hanya diabaikan yang bisa Anda katakan. 35 00:02:57,650 --> 00:03:03,530 Jadi sekarang ketika kita memiliki lokasi awal, keadaan kita akan diinisialisasi ke lokasi yang bagus. 36 00:03:03,590 --> 00:03:09,290 Sekarang perlu diingat bahwa apa yang saya lewati ke lokasi awal adalah tipe objek dengan lat dan lng dan 37 00:03:09,290 --> 00:03:13,510 tentu saja harus sesuai dengan apa yang kita kelola dengan keadaan kita di 38 00:03:13,510 --> 00:03:18,950 sini dan itu yang terjadi karena di sana saya juga mengatur negara saya ke objek dengan lat dan 39 00:03:18,950 --> 00:03:25,490 lng, jika itu berbeda, Anda perlu logika untuk menormalkan ini. Sekarang hanya baca adalah hal lain yang saya ekstrak dan saya 40 00:03:25,490 --> 00:03:31,220 dapat menggunakan ini di handler lokasi tertentu yang merupakan fungsi yang memicu setiap kali kita menekan peta dan di sana, 41 00:03:31,340 --> 00:03:37,940 kita dapat memeriksa apakah hanya membaca benar dan jika tidak terdefinisi, itu akan salah tetapi jika itu benar, saya hanya kembali ke sini 42 00:03:37,940 --> 00:03:44,090 yang berarti saya tidak melanjutkan, saya tidak memilih lokasi baru. Dengan itu, memilih lokasi harus dinonaktifkan. 43 00:03:44,090 --> 00:03:47,900 Sekarang saya juga ingin menyingkirkan tombol simpan jika tidak ada yang ingin disimpan, jadi jika kita 44 00:03:47,900 --> 00:03:53,630 dalam mode hanya baca, maka kita tidak dapat menyimpan apa pun. Jadi headerRight seharusnya hanya diatur jika kita tidak dalam 45 00:03:53,780 --> 00:03:58,790 mode read only, jadi di sini saya juga akan mengekstrak mode read only dengan bantuan navigasi 46 00:03:58,790 --> 00:04:02,200 dapatkan param read only yang dapat saya lakukan di sini juga 47 00:04:02,600 --> 00:04:09,230 tentu saja dan oleh karena itu sekarang di sini, jika kita dalam mode hanya baca, jika itu benar, maka konfigurasi yang saya 48 00:04:09,230 --> 00:04:10,550 kembalikan adalah objek 49 00:04:10,550 --> 00:04:14,240 kosong, jadi tanpa tombol apa pun. Mari kita coba ini. 50 00:04:14,300 --> 00:04:22,550 Mari kita simpan dan kembali dan jika saya sekarang klik pada item ini di sini dan saya klik pada peta, itu terbuka tapi saya tidak punya tombol 51 00:04:22,550 --> 00:04:28,430 simpan dan juga tidak ada penanda sehingga tidak berfungsi tetapi setidaknya saya tidak bisa memilih yang baru satu, itu bagus 52 00:04:28,430 --> 00:04:32,030 tapi spidolnya juga tidak berfungsi. Sekarang sebelum kita memperbaikinya, mari 53 00:04:32,030 --> 00:04:37,540 kita pergi ke layar tempat baru dan melihat apakah kita masih dapat mengatur penanda dan itu yang 54 00:04:37,550 --> 00:04:40,700 terjadi, kita dapat memilih tempat di sana, sehingga berfungsi. 55 00:04:40,700 --> 00:04:48,640 Jadi satu-satunya hal yang tidak benar-benar berfungsi adalah memuat peta ini dengan spidol yang dipilih dan sebenarnya, itu tidak benar, kami memiliki spidol, 56 00:04:48,640 --> 00:04:49,360 hanya saja 57 00:04:49,360 --> 00:04:57,600 tidak di sini di layar yang kami pilih sebelumnya di San Francisco. Jika kita pergi ke 58 00:04:57,600 --> 00:05:02,750 Google plex di sana, inilah 59 00:05:02,760 --> 00:05:06,160 penanda. Jadi itu memang menyelamatkan ini, 60 00:05:06,180 --> 00:05:08,880 hanya saja tidak fokus ketika kita memuatnya, jadi itu sedikit 61 00:05:09,300 --> 00:05:13,970 perubahan kita juga harus menambahkan pada layar peta. Di sana, kita harus 62 00:05:14,190 --> 00:05:22,240 memastikan bahwa wilayah peta yang kita atur di sini juga memperhitungkan lokasi awal 63 00:05:22,240 --> 00:05:26,590 jika kita memilikinya. Jadi di sini garis lintang yang kita atur awalnya, 64 00:05:26,620 --> 00:05:32,770 baik jika kita memang memiliki lokasi awal, maka saya ingin menggunakan lokasi awal. lat bukan default, hanya gunakan 65 00:05:32,920 --> 00:05:36,550 default jika tidak, sama saja untuk garis bujur. 66 00:05:36,550 --> 00:05:42,010 Jika kami memiliki lokasi awal, saya ingin menggunakan garis bujur dari yang awalnya daripada default. 67 00:05:44,060 --> 00:05:50,390 Sekarang dengan itu jika kita menyimpan ini, kita harus dapat memiliki peta yang secara otomatis berpusat pada penanda kita jika 68 00:05:50,390 --> 00:05:54,050 kita membukanya dalam mode hanya baca, jadi di sini, memang itu berfungsi 69 00:05:54,470 --> 00:05:55,960 dan jika saya tentu 70 00:05:56,180 --> 00:06:01,840 saja menambahkan tempat baru, itu juga masih berfungsi. Di sana kami membukanya di tempat default, 71 00:06:01,850 --> 00:06:08,840 jadi di suatu tempat di sini di San Francisco. Karenanya ini semua bekerja dan sekarang saya hanya ingin 72 00:06:08,870 --> 00:06:13,190 mengujinya pada beberapa perangkat nyata sebelum saya menyelesaikan modul ini dan kami 73 00:06:13,340 --> 00:06:17,240 selesai dengan menambahkan fitur perangkat asli ke aplikasi React Native kami.