1
00:00:02,170 --> 00:00:04,210
Jadi kami bekerja dengan navigator tumpukan.

2
00:00:04,210 --> 00:00:06,080
Sekarang bagaimana dengan undian.

3
00:00:06,100 --> 00:00:08,950
Logikanya persis sama.

4
00:00:08,950 --> 00:00:18,780
Kami membuat tahun navigator draw shop kami dengan memanggil create draw navigator dan seperti halnya stack navigator.

5
00:00:18,780 --> 00:00:21,470
Fungsi ini tidak menginginkan argumen.

6
00:00:21,480 --> 00:00:28,980
Alih-alih, kami akan menyiapkan navigasi undian kami dalam pendekatan berbasis komponen atau Ayah saya akan membuat navigator toko di sini

7
00:00:28,980 --> 00:00:31,500
dan ini akan menjadi komponen reaksi.

8
00:00:31,500 --> 00:00:33,850
Sekali lagi Anda bisa memilikinya di file terpisah.

9
00:00:33,870 --> 00:00:42,210
Saya akan menyimpan semuanya dalam satu file untuk membuatnya berdampingan dengan kode lama dan di toko kami, kami kembali

10
00:00:42,210 --> 00:00:44,160
menggambar navigator dot navigator.

11
00:00:44,160 --> 00:00:48,170
Logika yang sama seperti sebelumnya. Tidak masalah bahwa itu seri.

12
00:00:48,210 --> 00:00:53,460
Dan di sana kita sekarang memiliki dua layar berbeda yang dapat dimuat buah navigator dan

13
00:00:53,460 --> 00:00:59,880
bereaksi navigasi akan secara otomatis memastikan bahwa navigator dibuat bahwa kita dapat membukanya dengan kode yang sama persis

14
00:00:59,880 --> 00:01:03,360
seperti yang kita gunakan sebelumnya tidak harus menyesuaikan itu.

15
00:01:03,360 --> 00:01:10,920
Jadi di sini kita sekarang memiliki layar dot navigator toko kami dan keadilan sebelum kita memberi nama layar itu.

16
00:01:10,920 --> 00:01:13,190
Di sini kita punya dua produk misalnya.

17
00:01:13,440 --> 00:01:17,580
Dan nama itu kemudian akan secara otomatis digunakan di dalam navigator undian.

18
00:01:17,580 --> 00:01:24,110
Meskipun Anda juga bisa menimpa semua itu jika Anda mau dan kami membutuhkan komponen yang dimuat ketika

19
00:01:24,110 --> 00:01:26,450
kami mengklik tautan itu di navigator.

20
00:01:26,450 --> 00:01:29,270
Dan di sini itu masih Navigator produk.

21
00:01:29,330 --> 00:01:36,660
Jadi sama seperti sebelumnya kita dapat menggunakan navigator tumpukan kami meskipun mereka sekarang menggunakan pendekatan berbasis komponen

22
00:01:36,660 --> 00:01:43,770
ini sebagai komponen yang harus dibuat sebagai bagian dari navigator lain dalam hal ini sebagai bagian dari

23
00:01:43,770 --> 00:01:44,920
navigator undian.

24
00:01:44,940 --> 00:01:51,380
Kami masih dapat menunjuk navigator tumpukan kami sebagai komponen di sini karena mereka adalah komponen tahun ini.

25
00:01:51,390 --> 00:01:55,710
Ini adalah komponen dan hal yang sama berlaku untuk semua navigator kami.

26
00:01:55,710 --> 00:02:02,130
Kami membuat di sini mereka semua komponen bereaksi yang memegang logika navigasi spesifik mereka meminta komponen

27
00:02:03,130 --> 00:02:09,670
dan keseluruhan komponen seperti navigator produk di sini dapat digunakan dalam draw navigator jadi saya akan

28
00:02:09,670 --> 00:02:18,940
mereplikasi ini dua kali sehingga kami juga dapat menambahkan pesanan kami di sini dengan navigator pesanan dan admin di sini dengan navigator admin

29
00:02:19,450 --> 00:02:25,870
dan pastikan Anda tidak memiliki kesalahan dalam nama Anda karena kami menggunakannya di seluruh aplikasi

30
00:02:25,870 --> 00:02:28,820
dan logika itu tidak perlu disesuaikan.

31
00:02:28,840 --> 00:02:34,080
Jadi, jika Anda mengacaukan nama-nama di sini, bagian lain dari aplikasi tidak akan berfungsi OK.

32
00:02:34,120 --> 00:02:39,710
Jadi sekarang kita punya setup navigator menggambar ini dan sekarang bagaimana dengan konfigurasi.

33
00:02:39,730 --> 00:02:42,030
Sekarang ada dua hal yang perlu kita pertimbangkan.

34
00:02:42,100 --> 00:02:46,560
Untuk satu kita harus mengkonfigurasi di sini untuk konten undian.

35
00:02:46,570 --> 00:02:52,660
Dan kedua kami ingin mengonfigurasi layar kami yang berbeda seperti navigator produk atau navigator pesanan untuk

36
00:02:52,750 --> 00:02:55,510
memiliki ikon Anda sendiri di dalam laci.

37
00:02:55,510 --> 00:02:57,100
Baiklah mari kita mulai dengan ikon-ikonnya.

38
00:02:57,160 --> 00:03:02,230
Sebelumnya kami mengatur bahwa saya bisa langsung dalam konfigurasi stack Navigator yang

39
00:03:02,230 --> 00:03:06,930
ingin kami gunakan dalam undian sekarang dengan pendekatan berbasis komponen.

40
00:03:06,930 --> 00:03:08,420
Kami tidak melakukan itu lagi.

41
00:03:08,430 --> 00:03:17,450
Alih-alih, kita bisa mengambil bagian ini di sini. Kita sebenarnya seluruh objek yang sebelumnya kita atur di

42
00:03:17,450 --> 00:03:21,440
navigator tumpukan dan turun ke undian kami.

43
00:03:21,510 --> 00:03:23,870
Dan sekarang di sini di layar ini miliknya.

44
00:03:23,870 --> 00:03:26,180
Jadi dalam hal ini milik admin Navigator.

45
00:03:26,180 --> 00:03:34,630
Jadi di sini, di layar admin, kami kembali memberikan opsi seperti yang kami lakukan sedetik, saya menggunakan stack Navigator.

46
00:03:34,790 --> 00:03:42,230
Jadi di sini kita sekarang memberikan ini opsi untuk layar ini dan ini bisa menjadi komponen normal atau seperti dalam hal

47
00:03:42,230 --> 00:03:48,760
ini komponen dengan logika navigasi stack dan dua opsi kita melewati sebuah objek dan di sana kita dapat menggunakan

48
00:03:48,770 --> 00:03:51,170
kembali objek yang kita gunakan sebelumnya.

49
00:03:51,200 --> 00:03:56,060
Jadi objek dengan gambar yang saya bisa kunci di mana kita melihat itu datang dan sebagainya.

50
00:03:56,060 --> 00:04:04,140
Jadi ini semua berfungsi adil sebelum satu penyesuaian kecil namun kita sekarang mendapatkan alat peraga di sini juga dimasukkan oleh navigasi reaksi

51
00:04:04,140 --> 00:04:12,660
dan alat peraga ini akan memiliki kunci warna bukannya menggambar config warna warna aktif dan warna akan selalu menjadi warna yang tepat karena

52
00:04:12,800 --> 00:04:18,470
bereaksi navigasi di belakang Adegan akan mengontrol di mana ini dilakukan untuk layar saat

53
00:04:18,480 --> 00:04:24,200
ini aktif atau tidak dan itu akan menyesuaikan nilai yang disimpan dalam prop warna menjadi.

54
00:04:24,240 --> 00:04:26,920
Saya sudah menyoroti warna highlight yang sudah dikenal.

55
00:04:27,000 --> 00:04:33,250
Jadi itu adalah penyesuaian kecil yang harus kita lakukan di sini dengan baik dan dengan

56
00:04:33,250 --> 00:04:39,250
itu kita dapat menyalin logika dari navigator lain juga seperti dari navigator pesanan, mari

57
00:04:39,250 --> 00:04:48,100
ambil objek ini di sini yang kami miliki dan opsi navigasinya turun ke undian ke pesanan. layar menambahkan kunci opsi lulus dan

58
00:04:48,100 --> 00:04:57,170
objek dan komentar itu kembali dan penting kita sekarang mendapatkan alat peraga yang akan memiliki kunci warna seperti ini dan yang terakhir tapi

59
00:04:57,380 --> 00:05:03,470
tidak kalah mari kita tentu saja juga melakukan itu untuk layar produk untuk navigator produk.

60
00:05:03,470 --> 00:05:09,200
Di sini kita memiliki objek ini, mari kita ambil, mari kita turun

61
00:05:12,050 --> 00:05:18,440
untuk menggambar navigator kami dan inilah layar produk kami yang mengatur tombol opsi di sini.

62
00:05:18,570 --> 00:05:23,520
Menyerahkannya dan disesuaikan karena saya baru saja menunjukkannya.

63
00:05:23,520 --> 00:05:27,840
Jadi sekarang kita memiliki konfigurasi khusus layar kita di sini.

64
00:05:27,840 --> 00:05:35,700
Anda bisa mengatakan sekarang bagaimana dengan undian secara keseluruhan karena sebelumnya di aplikasi dengan

65
00:05:35,740 --> 00:05:45,450
navigasi reaksi lama di mana kami sebenarnya memiliki undian kami dan kami mengonfigurasi warna warna aktif dan juga

66
00:05:45,450 --> 00:05:46,640
konten undian.

67
00:05:46,680 --> 00:05:50,160
Yah Anda masih bisa melakukan itu dengan pendekatan baru itu.

68
00:05:50,340 --> 00:05:58,640
Kami pergi ke navigator menggambar kami sehingga tempat kami mengatur keseluruhan navigator dan kami mengonfigurasinya melalui alat peraga seperti

69
00:05:58,640 --> 00:05:59,310
sebelumnya.

70
00:05:59,340 --> 00:06:06,030
Ini semua tentang komponen dan alat peraga jadi di sini kita sekarang memiliki penamaan yang berbeda, kita tidak

71
00:06:06,030 --> 00:06:09,960
lagi memiliki opsi konten dan komponen konten sebagai gantinya.

72
00:06:10,020 --> 00:06:11,910
Dan Anda dapat menemukannya di dokumen resmi.

73
00:06:11,970 --> 00:06:17,190
Kami sekarang memiliki konten menggambar dan menggambar opsi konten.

74
00:06:17,190 --> 00:06:20,540
Namun nilainya persis sama pada akhirnya.

75
00:06:20,700 --> 00:06:24,750
Jadi kita dapat mengambil objek opsi konten kami

76
00:06:28,600 --> 00:06:37,820
di sini dan melewati sebagai menggambar opsi konten di sini dan berkomentar bahwa masuk dan meneruskan untuk menggambar konten.

77
00:06:37,900 --> 00:06:40,180
Itu juga hampir sama.

78
00:06:40,180 --> 00:06:42,760
Kami hanya membungkus komponen ini di sini

79
00:06:51,270 --> 00:06:52,880
hingga di sini.

80
00:06:53,010 --> 00:06:53,970
Salin

81
00:06:57,260 --> 00:07:03,070
ini dan sampaikan ini di sini ke konten gambar dan beri komentar di.

82
00:07:03,080 --> 00:07:07,400
Namun sekarang dua hal penting yang menggunakan tambalan ini tidak diperbolehkan di sini.

83
00:07:07,400 --> 00:07:09,490
Anda harus melakukan ini di luar sini.

84
00:07:09,500 --> 00:07:15,980
Jadi misalnya di sini, di toko navigator mengangguk adalah komponen bersarang.

85
00:07:15,980 --> 00:07:27,910
Dan selain itu bukan lagi item undian tetapi daftar item undian yang juga harus kita impor di bagian atas dari

86
00:07:32,940 --> 00:07:35,730
undian slash pengaktifan kembali.

87
00:07:35,730 --> 00:07:37,890
Jadi di sini kita mengimpor daftar item gambar

88
00:07:40,580 --> 00:07:41,030
dengannya.

89
00:07:41,030 --> 00:07:49,630
Namun jika saya gulir ke bawah ini seharusnya sekarang bisa berfungsi lagi dan ini sekarang seharusnya menjadi undian kerja kami

90
00:07:49,630 --> 00:07:56,830
sehingga kami mendapatkan navigator toko, kami memiliki semua tumpukan navigator ini. Yang tersisa sekarang adalah saklar Navigator

91
00:07:56,830 --> 00:08:05,440
yang pada dasarnya membuat layar startup kami atau Anda tidak aktif. layar atau layar toko atau melakukan tumpukan navigasi masing-masing

92
00:08:05,440 --> 00:08:07,450
saya harus saya katakan.

93
00:08:07,750 --> 00:08:09,940
Nah itulah yang akan kita kerjakan selanjutnya.