1
00:00:02,230 --> 00:00:12,550
Jadi saya ingin memiliki tombol simpan di header saya dan untuk itu tentu saja, kita perlu menambahkan opsi navigasi layar peta dan

2
00:00:12,550 --> 00:00:19,620
menggunakan formulir fungsi di sana, sehingga kita memiliki akses ke nav ini, objek dengan objek

3
00:00:20,070 --> 00:00:25,500
navigasi dan di sana , Saya ingin mengembalikan objek konfigurasi saya.

4
00:00:25,500 --> 00:00:28,070
Anda dapat menambahkan judul tajuk tetapi saya sebenarnya senang tanpa

5
00:00:28,200 --> 00:00:32,040
tajuk itu tetapi saya ingin mengatur tajuk di sini dan sekarang penting, di sini Anda dapat

6
00:00:32,190 --> 00:00:39,960
menggunakan tombol tajuk dan membuat ikon yang bagus, tetapi sebenarnya, saya akan membuat beberapa teks di sini. Jadi saya akan mengimpor komponen teks atau

7
00:00:40,350 --> 00:00:46,080
memastikan Anda telah mengimpornya. Saya akan memberikan beberapa teks di sini

8
00:00:46,330 --> 00:00:51,720
di mana saya hanya akan mengatakan save dan tentu saja Anda juga dapat menambahkan

9
00:00:51,720 --> 00:00:53,050
platform check untuk

10
00:00:53,130 --> 00:01:02,510
membuat huruf besar ini di Android jika Anda mau, saya hanya akan mengatakan save seperti ini dan kemudian tambahkan gaya di sini di mana Saya

11
00:01:02,510 --> 00:01:09,050
menambahkan gaya teks tombol tajuk dan sekitar itu, saya ingin memiliki tampilan yang dapat disentuh, jadi saya

12
00:01:09,050 --> 00:01:15,770
akan menggunakan opacity yang dapat disentuh di sini yang oleh karena itu Anda juga perlu mengimpor, bukan dari

13
00:01:15,770 --> 00:01:24,050
sana tetapi sebenarnya dari Bereaksi Asli, sehingga opacity yang dapat disentuh harus diimpor dari Bereaksi Asli dan dengan yang diimpor, kita dapat

14
00:01:24,050 --> 00:01:31,770
membungkus ini di sekitar teks ini untuk membuat tombol kita sendiri sehingga untuk mengatakan dan di sana, saya juga ingin

15
00:01:31,770 --> 00:01:40,270
menambahkan gaya dan gaya yang akan memiliki pengidentifikasi tombol header katakanlah. Sekarang dengan menekan ini, saya ingin menyimpan apa yang kami tambahkan atau menyimpan lokasi yang kami pilih tetapi itu

16
00:01:40,270 --> 00:01:46,780
adalah sesuatu yang akan saya lakukan dalam sedetik, untuk sekarang mari kita gaya ini. Jadi di sana di stylesheet, untuk tombol tajuk yang merupakan

17
00:01:46,780 --> 00:01:53,440
opacity yang dapat disentuh, saya akan menambahkan margin horisontal 20 untuk memiliki beberapa jarak di sekitar tombol ke kiri dan ke kanan dan

18
00:01:53,440 --> 00:01:58,060
pada teks tombol tajuk di sini, tentu saja naik untuk Anda apa yang ingin Anda tambahkan

19
00:01:58,060 --> 00:02:05,920
di sana tapi saya akan menambahkan ukuran font 16 katakanlah dan yang penting, warnanya. Untuk itu, saya memerlukan platform API karena warnanya harus berbeda, karena

20
00:02:05,920 --> 00:02:11,440
ini ada di header yang memiliki latar belakang yang solid di Android tetapi tidak di iOS,

21
00:02:11,500 --> 00:02:19,960
saya dapat mengatur warna saya di sini, warna teks saya ke Platform. OS sama dengan Android, jadi untuk memeriksa ini dan pada Android saya akan mengaturnya

22
00:02:19,960 --> 00:02:26,550
menjadi putih dan jika tidak, saya akan mengaturnya ke Warna. primer dan untuk itu seperti

23
00:02:26,620 --> 00:02:32,610
biasa, pastikan Anda mengimpor warna Anda secara konstan dari atas sana.

24
00:02:32,690 --> 00:02:38,180
Jadi sekarang kita memiliki tombol simpan, ketika kita menekan tombol simpan, saya ingin memicu fungsi yang harus didefinisikan dalam

25
00:02:38,180 --> 00:02:43,370
komponen dan itu juga sesuatu yang kita lakukan beberapa kali dalam kursus, saya menunjukkan kepada Anda bagaimana Anda

26
00:02:43,370 --> 00:02:50,360
dapat berkomunikasi antara komponen Anda dan juga opsi navigasi Anda di sini. Jadi pada dasarnya kita dapat menambahkan fungsi

27
00:02:50,390 --> 00:03:00,090
baru di sini, menyimpan penangan lokasi terpilih, apa pun yang Anda ingin beri nama dan fungsi ini atau referensi ke fungsi ini harus

28
00:03:00,110 --> 00:03:05,100
diteruskan ke opsi navigasi dan untuk itu, kita dapat menggunakan pengait efek

29
00:03:05,100 --> 00:03:12,150
penggunaan lama yang baik dan gunakan callback untuk menghindari infinite loop ini jika Anda ingat dan karena

30
00:03:12,150 --> 00:03:21,520
itu kami dapat kemudian membungkusnya dengan use callback dan kemudian menggunakan efek di sini untuk memberi tahu opsi navigasi kami tentang hal ini

31
00:03:21,520 --> 00:03:32,600
dengan menggunakan props set params dan kemudian saya ingin mengatur param lokasi penyimpanan saya di sini ke save handler lokasi pick, jadi berikan referensi ke fungsi ini,

32
00:03:32,610 --> 00:03:39,390
ke param ini atau dengan param ini ke header saya dan efek penggunaan tentu saja tergantung

33
00:03:39,390 --> 00:03:46,590
pada fungsi save handler lokasi pick, jadi saya akan menambahkannya sebagai dependensi di sini dan penting sekarang,

34
00:03:46,590 --> 00:03:55,040
gunakan callback di sini juga memiliki berbagai dependensi karena di sini, saya pada dasarnya ingin meninggalkan halaman ini dan kembali,

35
00:03:55,160 --> 00:04:00,130
jadi di sini saya dapat menggunakan navigasi alat peraga kembali dan

36
00:04:00,230 --> 00:04:05,630
kami akan men-tweak ini dalam detik tetapi untuk sekarang, kami dapat melakukan ini.

37
00:04:06,940 --> 00:04:13,420
Dan oleh karena itu, biasanya tentu saja, fungsi kembali ini akan menjadi ketergantungan saya tetapi untuk menghindari loop tak terbatas,

38
00:04:13,450 --> 00:04:18,180
dengan pendekatan ini kita harus menggunakan dengan menggunakan params untuk memperbarui komponen yang

39
00:04:18,370 --> 00:04:24,280
sudah ada, saya benar-benar akan menambahkan array kosong di sini sebagai ketergantungan, sehingga fungsi ini secara efektif tidak

40
00:04:24,310 --> 00:04:25,420
dibangun kembali sekarang.

41
00:04:25,480 --> 00:04:30,790
Maka dengan itu, kita dapat mengekstrak param lokasi penyimpanan ini di header kita.

42
00:04:30,790 --> 00:04:41,190
Jadi di sini, saya ingin menunjukkan fungsi save saya yang saya dapatkan dengan navData. navigasi. getParam menunjuk ke save identifier dan

43
00:04:41,190 --> 00:04:48,480
kemudian save function adalah fungsi yang saya kaitkan ke penangan onPress pada opacity yang

44
00:04:48,480 --> 00:04:50,050
dapat disentuh.

45
00:04:50,070 --> 00:04:59,030
Jadi ini seharusnya memicu fungsi simpan ini, ini menyimpan fungsi pengendali lokasi yang dipilih di sini. Dengan yang disimpan jika kita kembali, mari kita

46
00:04:59,060 --> 00:05:00,710
coba, mari

47
00:05:00,740 --> 00:05:08,210
kita pilih peta dan jika sekarang saya klik simpan, itu harusnya kembali dan ya.

48
00:05:08,240 --> 00:05:13,280
Jadi itu berfungsi tetapi tentu saja sekarang, saya tidak menyimpan lokasi apa pun, saya tidak menggunakan lokasi apa pun,

49
00:05:13,280 --> 00:05:15,080
itu adalah langkah berikutnya dan untuk

50
00:05:15,080 --> 00:05:21,110
itu kita harus melewati lokasi yang pengguna pilih kembali ke layar sebelumnya. Dengan kembali, itu relatif sulit tetapi alih-alih

51
00:05:21,110 --> 00:05:25,970
kita dapat menggunakan pola yang belum pernah saya gunakan sebelumnya dalam kursus ini,

52
00:05:26,540 --> 00:05:34,010
saya dapat menggunakan navigasi di sini juga untuk kemudian kembali. Saya dapat menavigasi ke layar tempat baru saya dengan pengenal tempat baru

53
00:05:34,070 --> 00:05:41,810
seperti yang diatur di sini di navigator tempat saya dan karena saya sudah berada di layar di depan layar tempat baru itu, jangan lupa

54
00:05:41,810 --> 00:05:42,990
bahwa ini adalah

55
00:05:43,070 --> 00:05:48,260
setumpuk layar dan saya Sedang di layar di atas layar tempat baru, ini sebenarnya tidak akan

56
00:05:48,290 --> 00:05:53,040
mendorong layar tempat baru ini di atas layar yang ada, kita bisa memaksakan ini dengan

57
00:05:53,270 --> 00:05:56,020
mendorong tapi saya tidak mau, sebaliknya akan kembali

58
00:05:56,030 --> 00:06:03,890
tapi sekarang dengan menggunakan navigasi, saya dapat menambahkan beberapa params di sini. Saya dapat menambahkan lokasi yang saya pilih dan di sana, arahkan

59
00:06:04,040 --> 00:06:12,980
ke prop lokasi yang saya pilih yang semoga menampung lokasi yang saya pilih. Sekarang karena saya menggunakan lokasi yang dipilih di sini dan karena ini

60
00:06:12,980 --> 00:06:18,320
berubah, saya akan menambahkan ini sebagai ketergantungan untuk menggunakan panggilan balik sehingga fungsi ini diciptakan

61
00:06:18,650 --> 00:06:23,900
kembali ketika kami memiliki lokasi baru dan saya ingin memastikan bahwa kami memiliki lokasi

62
00:06:23,900 --> 00:06:30,800
di sini , jadi saya akan memeriksa apakah lokasi yang dipilih atau tepatnya, jika kita tidak memilikinya, jadi jika

63
00:06:30,830 --> 00:06:32,300
ini tidak terdefinisi

64
00:06:32,330 --> 00:06:37,580
yang berarti pengguna belum memilih satu, maka saya akan kembali dan tidak melanjutkan dan

65
00:06:37,820 --> 00:06:44,750
kami juga dapat menunjukkan peringatan di sini jika kita mau. Sekarang saya tidak akan melakukan itu di sini tetapi Anda dapat

66
00:06:44,780 --> 00:06:46,780
menunjukkan peringatan jika Anda mau.

67
00:06:46,950 --> 00:06:52,110
Jadi sekarang kita hanya dapat mengklik simpan jika kita memang memilih lokasi tetapi jika kita

68
00:06:52,110 --> 00:06:54,740
melakukannya, kita akan benar-benar mengaturnya pada params dari

69
00:06:54,750 --> 00:06:57,250
tindakan kembali kita. Mari kita coba,

70
00:06:57,250 --> 00:07:03,250
mari kita pergi ke sana, klik picK di peta dan sekarang harap dicatat saya belum memilih lokasi apa pun, saya belum

71
00:07:03,280 --> 00:07:04,630
mengklik di mana pun, jadi

72
00:07:04,630 --> 00:07:09,160
jika saya klik simpan, tidak ada yang terjadi. Jika saya memilih lokasi dan mengklik simpan, saya tetap kembali.

73
00:07:09,970 --> 00:07:17,560
Jadi sekarang kita dapat menggunakan data yang kita lewati dari layar peta di pemilih lokasi kita pada akhirnya untuk memperbarui pratinjau peta di sana,

74
00:07:17,590 --> 00:07:18,890
jadi itu hal

75
00:07:18,910 --> 00:07:20,290
berikutnya yang akan saya lakukan.