1
00:00:02,280 --> 00:00:03,340
Sekarang untuk keluar.

2
00:00:04,290 --> 00:00:06,840
Kami membutuhkan tindakan baru, yang dapat kami kirimkan.

3
00:00:07,230 --> 00:00:10,140
Jadi di file tidak aktif, di folder tindakan.

4
00:00:11,760 --> 00:00:14,020
Saya akan menambahkan pembuat tindakan baru.

5
00:00:14,050 --> 00:00:21,610
Apakah penting di mana Anda menambahkan saya menambahkan di sana dan saya ekspor dan beri nama logout, yang terdengar seperti nama yang

6
00:00:22,300 --> 00:00:23,650
cocok untuk saya.

7
00:00:26,330 --> 00:00:27,710
Saya tidak berharap ada argumen di sana.

8
00:00:28,250 --> 00:00:31,180
Dan saya perlu pengidentifikasi tindakan untuk keluar.

9
00:00:31,220 --> 00:00:33,410
Jadi di sini kita dapat mengekspor.

10
00:00:36,310 --> 00:00:40,030
Konser keluar dengan string logout.

11
00:00:41,300 --> 00:00:42,850
Dan sekarang kamu berdiri di sana.

12
00:00:43,270 --> 00:00:48,510
Dan dalam pembuat tindakan ini, yang merupakan pembuat tindakan normal di mana saya tidak perlu

13
00:00:48,520 --> 00:00:54,460
mengirim permintaan HTP atau semacamnya, saya hanya mengirim tindakan logout-nya Yende di mana saya membuat objek tindakan logout

14
00:00:54,460 --> 00:00:55,000
ini.

15
00:00:57,410 --> 00:00:58,520
Sekarang kita bisa menggunakan ayah.

16
00:00:59,540 --> 00:01:04,130
Dan saya ingin bisa keluar dengan bantuan situs, menggambar di situs, menggambar.

17
00:01:04,190 --> 00:01:06,590
Saya ingin memiliki tombol logout ini.

18
00:01:06,860 --> 00:01:09,650
Itu berarti bahwa kita perlu melakukan sesuatu yang belum pernah kita lakukan sebelumnya.

19
00:01:10,460 --> 00:01:13,210
Kita perlu menambahkan tombol baru untuk memutuskan undian.

20
00:01:13,370 --> 00:01:16,030
Sejauh ini, kami hanya menambahkan tombol yang dibuat secara otomatis.

21
00:01:17,850 --> 00:01:21,470
Tetapi menambahkan konten Anda sendiri tidak terlalu sulit untuk ayah.

22
00:01:21,540 --> 00:01:24,410
Mari kita buka file Shop Navigator tempat kita mengatur laci.

23
00:01:25,080 --> 00:01:25,740
Ini dia.

24
00:01:27,560 --> 00:01:30,800
Dan kemudian di sini, selain opsi konten saya.

25
00:01:31,800 --> 00:01:34,770
Anda juga dapat menambahkan komponen konten di sini.

26
00:01:36,290 --> 00:01:41,630
Ini memungkinkan Anda untuk menambahkan konten Anda sendiri untuk penentuan atau bukan konten default.

27
00:01:42,320 --> 00:01:46,790
Sekarang ini mengambil fungsi yang menerima alat peraga karena pada akhirnya, ini adalah komponen reaksi, yang Anda tambahkan

28
00:01:46,790 --> 00:01:47,450
di sini.

29
00:01:48,850 --> 00:01:54,280
Jadi mendapat alat peraga dan pengembalian pajak, saya J. S. X, dan mereka harus memastikan bahwa Anda mengimpor

30
00:01:54,280 --> 00:01:55,300
reaksi dari reaksi.

31
00:01:55,690 --> 00:01:57,670
Dan kita semua perlu beberapa impor lainnya.

32
00:01:58,960 --> 00:02:01,250
Kita juga perlu mengimpor sesuatu dari reaksi asli.

33
00:02:01,270 --> 00:02:03,160
Dan itu harus menjadi tampilan area aman.

34
00:02:04,580 --> 00:02:09,380
Dan saya juga ingin mengimpor tombol dari REAC asli.

35
00:02:11,000 --> 00:02:16,550
Selain itu, dari REACT Navigation, kita perlu mengimpor item laci.

36
00:02:18,060 --> 00:02:20,080
Dan juga sangat asli lagi.

37
00:02:20,340 --> 00:02:21,300
Saya juga perlu melihat.

38
00:02:22,960 --> 00:02:27,970
Dengan itu diimpor, mari kita pergi ke komponen konten yang baru ditambahkan.

39
00:02:28,930 --> 00:02:35,140
Dan di sini kita sekarang dapat mengembalikan tampilan dengan gaya yang fleksibel.

40
00:02:35,470 --> 00:02:36,940
Anda tentu saja dapat menambahkan style sheet.

41
00:02:36,970 --> 00:02:38,950
Saya hanya akan menambahkan styling inline.

42
00:02:39,130 --> 00:02:42,860
Dan omong-omong, komponen ini, tentu saja, juga bisa berada di file yang terpisah.

43
00:02:42,880 --> 00:02:45,850
Itu tidak harus dibuat dengan cepat di musim gugur ini.

44
00:02:47,620 --> 00:02:55,870
Sekarang, dalam tampilan ini, saya ingin memiliki tampilan area aman dan pastikan Anda menambahkan force inset sama

45
00:02:56,710 --> 00:02:58,540
dengan top selalu.

46
00:02:59,890 --> 00:03:01,060
Horisontal.

47
00:03:01,510 --> 00:03:03,970
Tidak pernah, dan ini hanya mengontrol bagaimana itu diletakkan.

48
00:03:05,330 --> 00:03:07,620
Dan dalam tampilan area aman itu.

49
00:03:08,850 --> 00:03:16,020
Anda sekarang harus menambahkan untuk menggambar item, alat peraga lulus penting untuk mereka, karena ini adalah item laci

50
00:03:16,020 --> 00:03:17,400
default yang dirender.

51
00:03:17,450 --> 00:03:18,780
Dan itu harus tetap demikian.

52
00:03:19,200 --> 00:03:24,850
Dan agar mereka dapat dikonfigurasikan dengan benar, Anda harus melewati alat peraga, yang pada akhirnya berlalu dan dengan

53
00:03:24,850 --> 00:03:28,410
bereaksi navigasi dan menahan semua kontak menggambar Anda dan seterusnya.

54
00:03:29,040 --> 00:03:31,680
Dan sekarang Anda dapat menambahkan item undian ekstra Anda sendiri di sini.

55
00:03:32,130 --> 00:03:37,510
Dan akan ada tombol ini, tombol bawaan bereaksi asli di mana saya mengatakan logout.

56
00:03:38,510 --> 00:03:45,580
Di mana saya ingin menambahkan warna, katakanlah, warna, dot primer dan pakai di tekan.

57
00:03:45,640 --> 00:03:48,100
Saya sekarang ingin mengirimkan tindakan logout ini.

58
00:03:49,640 --> 00:03:51,440
Dan sekarang kita akan memiliki masalah besar di sini.

59
00:03:52,220 --> 00:03:54,160
Bagaimana kami bisa mengirim kami dari sini?

60
00:03:54,400 --> 00:03:56,870
Sekarang, pertama-tama, jika Anda menyimpan ini, Anda harus melihat ini.

61
00:03:56,900 --> 00:04:00,050
Jadi di sini, jika Anda memperluas undian, inilah tombol logout.

62
00:04:00,140 --> 00:04:00,350
Baik.

63
00:04:00,380 --> 00:04:01,220
Jadi ini berhasil.

64
00:04:01,460 --> 00:04:04,250
Dan, tentu saja, Anda dapat bergaya dan diposisikan sebagai siapa pun yang Anda inginkan.

65
00:04:06,680 --> 00:04:08,400
Omong-omong, periksa saja.

66
00:04:08,420 --> 00:04:11,540
Kita juga bisa melihat ini di Android jika kita login di sana.

67
00:04:16,210 --> 00:04:18,580
Di sini, di laci, kita semua melakukannya setelah keluar.

68
00:04:20,120 --> 00:04:20,540
Tombol.

69
00:04:22,280 --> 00:04:25,840
Ngomong-ngomong, kita mungkin ingin menambahkan sedikit lebih banyak bantalan di bagian atas.

70
00:04:27,800 --> 00:04:29,590
Tapi bagaimana kita bisa mengirim semuanya?

71
00:04:29,750 --> 00:04:32,120
Dan saya akan menambahkan beberapa padding tambahan di sini.

72
00:04:34,060 --> 00:04:34,990
20

73
00:04:38,300 --> 00:04:43,520
Karena tampilan area aman saya berfungsi, tetapi hampir tidak menyisakan jarak lebih dari yang saya butuhkan.

74
00:04:43,790 --> 00:04:48,110
Jadi untuk mendapatkan jarak ekstra, sedikit bantalan tidak ada salahnya.

75
00:04:50,880 --> 00:04:51,750
Saya pikir itu lebih baik.

76
00:04:52,260 --> 00:04:56,010
Tetapi sekali lagi, bagaimana kita sekarang dapat memastikan bahwa kita dapat mengirim tindakan di sini?

77
00:04:57,360 --> 00:04:59,210
Nah, ini komponen reaksi, kan?

78
00:04:59,880 --> 00:05:03,570
Jadi pada akhirnya, kita cukup menggunakan pengiriman di sini.

79
00:05:05,770 --> 00:05:07,060
Jadi kita bisa mengimpor.

80
00:05:09,150 --> 00:05:10,530
Gunakan pengiriman di sini.

81
00:05:11,620 --> 00:05:13,150
Dari Bereaksi redux.

82
00:05:13,240 --> 00:05:19,210
Jadi apa yang kami lakukan sebelumnya dan menggunakannya di sini, karena Anda dapat menggunakan pengait ini di komponen apa pun dan

83
00:05:19,210 --> 00:05:20,260
ini hanya komponen.

84
00:05:22,250 --> 00:05:24,540
Jadi setiap tahun sebelum kita kembali adalah X.

85
00:05:24,830 --> 00:05:30,920
Saya bisa mendapatkan akses ke fungsi pengiriman saya dengan menggunakan pengiriman dan miliki untuk sekarang di sini ketika kita

86
00:05:30,920 --> 00:05:36,020
menekan tombol ini, kita bisa memanggil pengiriman dan mengirimkan tindakan tidak aktif kami untuk ayah.

87
00:05:36,050 --> 00:05:38,090
Tentu saja, Anda hanya perlu memastikan bahwa Anda mengimpornya.

88
00:05:38,810 --> 00:05:49,330
Jadi impor semua tindakan dari folder toko, folder tindakan lakukan semua file dan sekarang gunakan semua tindakan untuk

89
00:05:49,330 --> 00:05:52,400
membuat tindakan mati di sini.

90
00:05:52,430 --> 00:05:53,410
Semua tindakan tersimpan.

91
00:05:53,420 --> 00:05:54,200
Keluar.

92
00:05:54,560 --> 00:05:55,780
Logout seperti ini.

93
00:05:57,230 --> 00:05:59,160
Dan ini harus dikirim ke tindakan logout.

94
00:05:59,700 --> 00:06:05,860
Selain itu, saya juga ingin menavigasi sehingga kita semua bisa disebut alat peraga navigasi titik navigasi.

95
00:06:06,240 --> 00:06:10,440
Itu akan tersedia di sini dan kembali ke layar mati di sini.

96
00:06:11,190 --> 00:06:14,580
Jadi pada dasarnya untuk ini dari layar di sini dan navigator beralih.

97
00:06:14,900 --> 00:06:17,050
Undian kami adalah bagian dari Navigator Toko.

98
00:06:17,250 --> 00:06:19,770
Jadi kita juga bisa pergi ke layar mati dari sana.

99
00:06:21,540 --> 00:06:26,850
Sekarang, ketika kami mengirim logout, saya ingin memastikan bahwa dalam peredam kami juga melakukan sesuatu.

100
00:06:27,240 --> 00:06:30,660
Kami memiliki pembuat tindakan logout kami di sini.

101
00:06:30,930 --> 00:06:35,720
Jadi dalam peredam dan Anda menawarkan pengguna ingin kasing baru untuk kasing.

102
00:06:35,750 --> 00:06:39,060
Dan untuk ayah, Anda harus memastikan Anda mengimpor pengidentifikasi logout.

103
00:06:39,900 --> 00:06:41,380
Dan tentu saja, ini sangat sederhana.

104
00:06:41,400 --> 00:06:46,440
Saya mengembalikan keadaan awal saya, yang pada akhirnya berarti bahwa token di-reset dan pengguna I. D. diatur ulang.

105
00:06:48,300 --> 00:06:49,510
Dan sekarang mari kita coba ini.

106
00:06:49,540 --> 00:06:56,050
Jika saya kembali ke sini dan sekarang saya klik keluar, saya kembali pada layar mati, jadi itu berfungsi.

107
00:06:56,350 --> 00:06:58,180
Mari kita coba juga di Android.

108
00:07:01,330 --> 00:07:03,790
Klik Log Out di sini, kami kembali.

109
00:07:04,480 --> 00:07:05,470
Jadi ini berhasil.

110
00:07:06,250 --> 00:07:07,930
Kita hampir sampai di sana dengan itu.

111
00:07:08,650 --> 00:07:15,640
Tetapi kita juga harus dikunci secara otomatis jika tokennya kadaluarsa karena tanggal kadaluwarsa.

112
00:07:15,820 --> 00:07:18,250
Dan saat ini, kami tidak memiliki kedaluwarsa otomatis.