1
00:00:02,430 --> 00:00:04,130
Jadi kami membuat kemajuan yang baik.

2
00:00:04,140 --> 00:00:08,190
Kami memigrasikan semua navigator kami atau hampir semua.

3
00:00:08,190 --> 00:00:12,930
Sekarang bagaimana dengan navigator sakelar yang kosong dari navigator DI SINI.

4
00:00:12,930 --> 00:00:15,210
BAIK KAMI MELAKUKAN ANDA MATI Navigator pasti.

5
00:00:15,240 --> 00:00:21,300
Ini adalah Navigator tumpukan yang bertanggung jawab atas layar mati dan kami.

6
00:00:21,540 --> 00:00:23,610
Nah bagaimana dengan navigator saklar.

7
00:00:23,610 --> 00:00:26,490
Yah kita tidak perlu berganti navigator lagi.

8
00:00:26,520 --> 00:00:31,600
Tidak ada paket reaksi slash switch navigasi atau semacamnya.

9
00:00:31,800 --> 00:00:33,810
Tapi saya akan kembali ke itu ketika kita membutuhkannya.

10
00:00:33,960 --> 00:00:42,960
Jadi untuk sekarang mari kita buat navigator tidak aktif atau navigator tidak aktif kami di sini dengan memanggil navigator.

11
00:00:42,970 --> 00:00:52,410
Dengan memanggil buat stack navigator dan ekspor tahun navigator tidak aktif kami yang lagi-lagi merupakan

12
00:00:52,410 --> 00:00:59,480
komponen reaksi seperti sebelumnya ketika kami mengembalikan stack navigator dot navigator.

13
00:00:59,550 --> 00:01:05,850
Dan di sana kita memiliki layar dot navigator dek kantor kami dan nama layar tidak aktif.

14
00:01:05,850 --> 00:01:12,470
Seperti yang kita miliki di sini dan melakukan komponen yang kita butuhkan adalah layar jadi itu.

15
00:01:12,490 --> 00:01:14,680
Sekarang kita punya opsi NAF setan di sini.

16
00:01:14,680 --> 00:01:22,170
Jadi opsi layar pada navigator harus menjadi opsi tidur siang default dan 40 opsi khusus layar.

17
00:01:22,180 --> 00:01:30,160
Mari kita lihat layar off dan jika kita gulir ke bawah kita punya beberapa opsi di sini juga.

18
00:01:30,190 --> 00:01:36,240
Jadi mari kita ekspor opsi layar kita di sini seperti yang kita lakukan sebelumnya.

19
00:01:36,280 --> 00:01:42,980
Mari kita ekspor dan pergi ke navigator toko di sini dan di layar itu.

20
00:01:42,980 --> 00:01:50,960
Mari kita atur opsi dua opsi off screen yang sekarang kita juga harus menambahkan

21
00:01:51,440 --> 00:02:01,210
sebagai impor di bagian paling atas dari layar off kita mengimpor opsi layar sebagai opsi off screen jadi itu.

22
00:02:01,220 --> 00:02:07,400
Sekarang kita juga punya layar mulai ini tetapi jika kita melihat lebih dekat di masa lalu kita

23
00:02:07,460 --> 00:02:13,470
hanya menunjuk itu langsung dari dalam Navigator saklar kita yang membuat kita hanya dengan satu pertanyaan.

24
00:02:13,730 --> 00:02:16,950
Bagaimana dengan navigator saklar ini.

25
00:02:17,300 --> 00:02:23,040
Sekarang di masa lalu ini akan menjadi layar pertama yang Anda lihat setelah apel dimuat karena

26
00:02:23,280 --> 00:02:26,420
ini adalah layar pertama teratas dalam konfigurasi ini.

27
00:02:26,420 --> 00:02:33,590
Dan kemudian kami memiliki logika dalam wadah navigasi lama yang kami buat sebelumnya di mana kami memeriksa apakah

28
00:02:33,590 --> 00:02:39,800
kami dikonfirmasi dan jika itu tidak benar jika kami tidak dikonfirmasi kami akan mengarahkan pengguna

29
00:02:39,800 --> 00:02:41,420
ke layar itu.

30
00:02:41,420 --> 00:02:44,470
Sekarang kapan kita mencapai layar toko.

31
00:02:44,480 --> 00:02:46,880
Nah untuk itu mari kita lihat di layar mulai.

32
00:02:47,060 --> 00:02:54,350
Di sana kita melihat bahwa kita mencoba mengautentikasi dan di sini kita akan pergi ke layar toko akhirnya ketika secara

33
00:02:54,350 --> 00:02:55,900
otomatis login kita berhasil.

34
00:02:55,910 --> 00:02:58,410
Itulah logika yang kami tulis di sana.

35
00:02:58,430 --> 00:03:03,400
Nah, itu masih beberapa logika yang masuk akal.

36
00:03:03,450 --> 00:03:11,100
Kita hanya perlu menyesuaikannya untuk paket navigasi baru pada akhirnya yang dapat kita lihat di sini adalah bahwa di

37
00:03:11,100 --> 00:03:19,390
awal layar kita mencoba untuk mengunci pengguna dan jika kita tidak dapat menemukan data pengguna yang tersimpan pada perangkat kita pergi

38
00:03:19,420 --> 00:03:20,830
ke halaman off.

39
00:03:20,830 --> 00:03:26,260
Jika kami menemukan data tentang token telah kedaluwarsa atau tidak di sana, kami membuka halaman off.

40
00:03:26,260 --> 00:03:34,750
Jika kami berhasil dengan semuanya dan kami memiliki token yang valid maka kami pergi ke halaman toko dan kami

41
00:03:35,110 --> 00:03:41,110
mengirimkan tindakan di mana kami mengautentikasi pengguna yang mengubah status dan toko

42
00:03:41,110 --> 00:03:49,750
redux kami yang menetapkan token pada awalnya token yang ada di toko kami adalah sekarang sekarang kita bisa menggunakannya.

43
00:03:49,760 --> 00:03:58,250
Bagaimana jika kita menyingkirkan semua panggilan navigasi ini di sini sehingga kita dapat menghapusnya atau berkomentar saja seperti yang saya lakukan

44
00:03:58,340 --> 00:03:59,430
di sini.

45
00:03:59,480 --> 00:04:03,920
Jadi kami menyingkirkan semua tindakan navigasi ini sebagai gantinya.

46
00:04:04,460 --> 00:04:06,890
Apa yang terjadi jika kita kembali ke sini.

47
00:04:06,890 --> 00:04:11,840
Nah jika kita kembali ke sini maka eksekusi disfungsi menghentikan Indiana dengan benar.

48
00:04:11,840 --> 00:04:12,730
Itu berhenti.

49
00:04:12,830 --> 00:04:17,270
Dan apa yang pasti tidak kita lakukan adalah kita pasti tidak mengirimkan tindakan.

50
00:04:17,270 --> 00:04:20,240
Jadi kami pasti tidak mengatur token apa pun.

51
00:04:20,240 --> 00:04:22,270
Masih belum.

52
00:04:22,640 --> 00:04:27,800
Itu selalu terjadi di sini kecuali jika kita berhasil sampai ke bawah dalam hal ini kita memiliki token.

53
00:04:27,890 --> 00:04:30,810
Kami mengirim kami dan tokennya tidak nol.

54
00:04:30,830 --> 00:04:32,750
Mereka sering di toko kami.

55
00:04:32,840 --> 00:04:38,770
Sehingga token yang kami kelola dengan redux bahkan sekarang atau memiliki nilai.

56
00:04:38,840 --> 00:04:41,990
Sekarang saya ingin sedikit menyesuaikan toko redux.

57
00:04:42,140 --> 00:04:48,500
Bagian dari itu dan Anda semua untuk pengguna dan saya akan menambahkan sepotong data

58
00:04:48,530 --> 00:04:54,070
baru ke negara ini dan itu memang mencoba semua untuk login kunci.

59
00:04:54,090 --> 00:04:58,300
Anda dapat menamainya sesuka Anda dan saya akan mengaturnya semula di sini.

60
00:04:58,300 --> 00:05:02,290
Saya ingin menyimpan apakah kami mencoba masuk atau tidak.

61
00:05:02,290 --> 00:05:04,150
Sekarang jika kami mengautentikasi.

62
00:05:04,150 --> 00:05:11,850
Jadi jika kita mengirim tindakan dengan pengenal itu maka saya akan mengatur apakah mencoba masuk otomatis ke true.

63
00:05:11,890 --> 00:05:19,240
Saya juga akan menambahkan tindakan baru di sini dalam tindakan tidak aktif dan untuk itu

64
00:05:19,240 --> 00:05:31,820
saya akan menambahkan pengidentifikasi baru di sini di mana saya akan menetapkan nama mencoba atau L untuk login otomatis di set memang mencoba L dan membuat

65
00:05:31,910 --> 00:05:38,070
pembuat tindakan untuk itu set memang mencoba L yang tidak membutuhkan argumen.

66
00:05:38,070 --> 00:05:44,040
Dan di mana saya tidak mengembalikan objek tindakan saya di mana mengetik baru saja diatur.

67
00:05:44,060 --> 00:05:45,200
Sudah mencoba l ..

68
00:05:45,230 --> 00:05:49,020
Anda juga bisa meletakkannya di bagian bawah file tidak masalah.

69
00:05:49,020 --> 00:05:50,330
Sekarang mengapa saya melakukan itu.

70
00:05:50,390 --> 00:05:51,460
Anda akan melihatnya di detik.

71
00:05:51,530 --> 00:05:55,820
Mari kita kembali ke peredam apakah Anda mematikan peredam dan menangani kasus baru ini.

72
00:05:55,820 --> 00:05:58,960
Set case memang mencoba l.

73
00:05:59,000 --> 00:06:06,620
Pastikan Anda juga mengimpor dari tindakan sekarang setiap tahun kami mengembalikan sepotong negara baru di mana saya menyalin negara lama

74
00:06:06,620 --> 00:06:13,250
dan di mana saya katakan mencoba log otomatis menjadi benar sehingga token mungkin masih pengetahuan hanya mengatur

75
00:06:13,250 --> 00:06:14,750
ini menjadi benar.

76
00:06:14,750 --> 00:06:19,490
Sekarang ide saya adalah saya mengirimkan tindakan ini di sini di layar startup.

77
00:06:19,610 --> 00:06:25,790
Dalam semua skenario di mana kami sebelumnya pergi ke layar mati sehingga kami mencoba masuk tetapi di

78
00:06:25,790 --> 00:06:27,280
mana kami tidak berhasil.

79
00:06:27,380 --> 00:06:38,650
Jadi ya saya akan mengirimkan set memang mencoba A. L. jadi pastikan Anda mengakses ini pada tindakan tidak aktif seperti

80
00:06:39,040 --> 00:06:44,270
ini dan lakukan dalam dua kasus ini di mana sebelumnya kami menavigasi ke layar mati.

81
00:06:44,320 --> 00:06:48,160
Jadi sekarang kita memiliki bidang dan redux baru ini dan mengapa saya melakukan itu.

82
00:06:48,160 --> 00:06:49,840
Mengapa ini membantu?

83
00:06:49,840 --> 00:06:55,480
Yah karena dengan reaksi navigasi 5 tidak ada saklar navigator lagi karena kita tidak memerlukannya lagi

84
00:06:55,810 --> 00:06:58,900
karena sekarang kita mengelola seluruh pengaturan rute kita.

85
00:06:59,010 --> 00:07:06,920
Mengapa komponen kita bisa membuat komponen secara dinamis agar mereka memiliki efek atau

86
00:07:06,920 --> 00:07:14,240
tidak membuatnya sehingga di navigator aplikasi tempat saya membuat navigator produk saya.

87
00:07:14,260 --> 00:07:20,820
Sekarang saatnya menambahkan semua navigator ini untuk dikonfigurasikan dan kemudian memutuskan navigator mana yang

88
00:07:20,830 --> 00:07:24,230
akan ditampilkan saat itu dari navigator toko.

89
00:07:24,330 --> 00:07:27,300
Saya sekarang benar-benar ingin mengimpor navigator

90
00:07:31,660 --> 00:07:40,180
toko ini di sini yang akan saya ekspor sebagai konstanta lagi dan kemudian di sini navigator aplikasi saya mengimpor

91
00:07:40,270 --> 00:07:41,320
navigator toko.

92
00:07:41,320 --> 00:07:42,850
Itu adalah alat kami menggambar seorang navigator.

93
00:07:42,850 --> 00:07:45,990
Ingatlah itu dan itulah yang ingin saya sampaikan di sini.

94
00:07:46,090 --> 00:07:48,090
Navigator Toko.

95
00:07:48,240 --> 00:07:55,020
Jadi ini pada dasarnya yang ingin saya render jika kita terkunci di dalam toko itu sebelumnya, itulah

96
00:07:55,020 --> 00:07:59,070
yang kita petakan ke kunci toko ini di navigator sakelar.

97
00:07:59,070 --> 00:08:02,350
Sekarang kita semua membutuhkan navigator mati di layar mulai.

98
00:08:02,400 --> 00:08:04,190
Jadi di sini navigator aplikasi.

99
00:08:04,290 --> 00:08:09,290
Saya akan mengimpor navigator yang tidak aktif dan ini adalah satu-satunya dua navigator yang perlu saya impor di sini.

100
00:08:09,330 --> 00:08:15,060
Oleh karena itu Anda dapat menghapus pernyataan ekspor pada semua navigator lain di sini di file navigator toko kami,

101
00:08:16,080 --> 00:08:20,300
tetapi apa yang juga perlu diimpor ke navigator aplikasi adalah layar mulai sekarang.

102
00:08:20,520 --> 00:08:30,520
Jadi mari kita impor layar mulai dari layar mulai layar dan sekarang di sini kita memiliki navigator toko.

103
00:08:30,520 --> 00:08:40,010
Kami memiliki Navigator off sebagai alternatif dan kami juga memiliki layar startup yang dalam sekarang hanya akan membuat salah

104
00:08:40,010 --> 00:08:42,430
satu yang gratis dan.

105
00:08:42,540 --> 00:08:45,410
Dan di sinilah kita sekarang dapat menggunakan kembali redux.

106
00:08:45,480 --> 00:08:51,000
Saya akan menyalin pemilih penggunaan karena informasi situs tentang token saya juga

107
00:08:51,000 --> 00:08:57,770
tertarik mempelajari tentang coba semua bidang masuk yang saya tambahkan ke keadaan tidak aktif di sini.

108
00:08:57,780 --> 00:09:05,770
Bidang baru ini menambahkan saya sekarang mendapatkan akses ke sini di sini di file navigator aplikasi saya dan disimpan dan saya

109
00:09:05,810 --> 00:09:08,280
sudah mencoba semua untuk login konstan.

110
00:09:08,280 --> 00:09:15,710
Sekarang saya tahu saya ingin membuat toko jika semua ini benar dan tidak adalah bagaimana kita dapat melakukan itu jika kita dikonfirmasi.

111
00:09:15,720 --> 00:09:20,000
Saya selalu membuat untuk berbelanja.

112
00:09:20,160 --> 00:09:28,290
Sekarang saya ingin me-render off navigator jika ada kesalahannya dan kami memang mencoba login dulu karena

113
00:09:28,290 --> 00:09:36,540
jika kami belum mencoba masuk secara otomatis maka saya sebenarnya ingin me-render layar startup jadi jika

114
00:09:36,540 --> 00:09:42,700
kami tidak diautentikasi dan kami lakukan belum mencoba login otomatis kami.

115
00:09:43,100 --> 00:09:47,180
Kalau begitu kita tidak tahu apakah pengguna itu mungkin autentikator atau tidak.

116
00:09:47,180 --> 00:09:54,580
Jadi dalam hal ini saya ingin me-render ke layar startup sekarang saya segera ingin POS di sana dan memastikan kita semua

117
00:09:54,700 --> 00:10:00,820
berada di halaman yang sama dan kita semua mengerti mengapa kita sekarang menggunakan ini alih-alih navigator saklar.

118
00:10:00,830 --> 00:10:05,550
Sekarang pertama-tama tidak ada lagi tombol navigator di navigasi reaksi 5.

119
00:10:05,710 --> 00:10:07,720
Tapi mengapa itu dihapus.

120
00:10:07,720 --> 00:10:15,010
Karena sekarang kita mengkonfigurasi semuanya dengan komponen, kita dapat menggunakan alat reaksi reguler untuk membuat

121
00:10:15,010 --> 00:10:16,540
komponen atau tidak.

122
00:10:16,540 --> 00:10:21,850
Jika Anda tidak berpikir tentang navigasi tetapi layar normal di mana Anda mungkin memiliki teks yang

123
00:10:21,850 --> 00:10:28,420
hanya ingin Anda tampilkan secara kondisional maka Anda akan menggunakan beberapa keadaan dan kemudian dalam J adalah X Anda

124
00:10:28,600 --> 00:10:31,990
hanya kadang-kadang membuat teks dengan ekspresi ternary misalnya .

125
00:10:32,110 --> 00:10:37,660
Dan kami melakukan hal yang sama di sini dengan konfigurasi rute kami dengan konfigurasi

126
00:10:37,660 --> 00:10:43,700
layar kami di sini pengaturan konfigurasi layar yang kami miliki di sini adalah navigator yang berbeda

127
00:10:43,750 --> 00:10:50,770
dan untuk memulai layar ini pada akhirnya semua hal yang bereaksi harus sadar untuk membawa sesuatu ke layar dan

128
00:10:50,800 --> 00:10:56,830
bereaksi navigasi di belakang layar berdebu berat mengangkat menafsirkan konfigurasi kami dan memastikan bahwa komponen

129
00:10:56,830 --> 00:10:59,440
yang benar akan ditampilkan di layar.

130
00:10:59,440 --> 00:11:09,210
Sekarang jika kita menggunakan tidak aktif dan mencoba masuk otomatis untuk mengontrol navigator mana yang benar-benar renderer dapat bereaksi dengan menggunakan

131
00:11:09,220 --> 00:11:17,230
ekspresi ternary seperti itu maka kita memastikan bahwa jika misalnya mati tidak benar tidak ada cara yang

132
00:11:17,230 --> 00:11:21,610
dapat digunakan layar navigator toko. dibawa ke layar.

133
00:11:21,610 --> 00:11:22,230
Mengapa.

134
00:11:22,270 --> 00:11:28,840
Karena komponen navigator toko yang menyimpan konfigurasi root terkait toko kami, konfigurasi layar

135
00:11:29,260 --> 00:11:33,400
kami bahwa komponen hanya ditampilkan jika benar kantor.

136
00:11:33,400 --> 00:11:39,840
Jadi tidak ada cara untuk layar terkait toko untuk ditampilkan ke layar jika jika off salah.

137
00:11:40,090 --> 00:11:47,560
Benar-benar membuat perbandingan itu dengan elemen teks normal atau kotak normal pada layar yang Anda render secara kondisional.

138
00:11:47,560 --> 00:11:54,000
Kami melakukan hal yang sama di sini tetapi tidak dengan kotak dan teks tetapi sebaliknya dengan seluruh tumpukan navigasi kami.

139
00:11:54,040 --> 00:12:00,170
Itu yang kita lakukan di sini dan dengan semua itu jika kita menyimpan ini dan kita

140
00:12:04,210 --> 00:12:12,860
jalankan ini di Android kita berakhir di layar mati dan jika saya memuat ulang ini dan itu dibangun kembali kita kembali berakhir di sana.

141
00:12:13,630 --> 00:12:16,450
Sekarang jika saya mencoba login di sini, saya

142
00:12:21,790 --> 00:12:23,930
sekarang benar-benar mendapatkan masalah di sini.

143
00:12:24,100 --> 00:12:30,530
Saya mendapatkan kesalahan yang menavigasi dengan muatan toko tidak ditangani dengan baik.

144
00:12:30,540 --> 00:12:32,960
Ini sekarang masuk akal jika Anda memikirkannya.

145
00:12:32,970 --> 00:12:35,440
Kami tidak punya navigator sakelar lagi.

146
00:12:35,490 --> 00:12:40,170
Alih-alih, kami hanya mengontrol navigator yang ingin kami render dalam kondisi apa.

147
00:12:40,350 --> 00:12:42,410
Jadi mengapa kita mendapatkan ini.

148
00:12:42,420 --> 00:12:44,490
Bisakah Anda mencari tahu dan memperbaikinya sendiri?

149
00:12:44,580 --> 00:12:48,330
Kalau tidak kita akan melakukannya bersama-sama kita akan memperbaikinya bersama di kuliah berikutnya.