1
00:00:02,710 --> 00:00:07,840
Sekarang kami telah melihat navigasi dasar dengan navigasi dan navigasi adalah alat Anda yang paling

2
00:00:08,020 --> 00:00:13,720
penting, tetapi sebenarnya ketika berada di dalam layar, dari komponen yang dimuat dengan bantuan stack navigator,

3
00:00:13,870 --> 00:00:15,950
Anda memiliki alternatif untuk menavigasi.

4
00:00:15,970 --> 00:00:22,450
Anda juga dapat menggunakan push bukan navigasi, meskipun itu tidak mengambil objek Javascript tetapi hanya mengambil nama rute

5
00:00:22,450 --> 00:00:24,240
di sini, dalam hal

6
00:00:24,250 --> 00:00:30,280
ini makan kategori sebagai argumen pertama dan dengan itu, Anda akan mendapatkan perilaku yang sama seperti sebelumnya.

7
00:00:30,610 --> 00:00:33,200
Pertanyaannya tentu adalah mengapa Anda kemudian menggunakan ini.

8
00:00:33,250 --> 00:00:37,960
Nomor satu itu sedikit lebih pendek daripada menavigasi karena Anda tidak melewati

9
00:00:37,960 --> 00:00:39,440
objek tetapi itu

10
00:00:39,490 --> 00:00:47,880
bukan alasan utama, sebaliknya menggunakan push di sini dapat berguna jika Anda ingin pergi ke katakanlah halaman di mana Anda sudah berada.

11
00:00:47,960 --> 00:00:49,100
Sekarang saya tunjukkan apa yang saya maksud.

12
00:00:49,120 --> 00:00:53,560
Jika saya mengembalikan ini dan saya menavigasi ke kategori di sini, jadi ke

13
00:00:53,590 --> 00:00:59,650
layar kategori yang merupakan layar saya sudah masuk Jika saya melakukannya dengan menavigasi, yang akan Anda lihat adalah

14
00:00:59,800 --> 00:01:02,690
tidak ada yang terjadi jika saya mengetuk ini.

15
00:01:02,930 --> 00:01:10,760
Sekarang jika saya menggunakan push saja dan karena itu saya hanya melewati kategori sebagai argumen pertama saya karena itulah cara push bekerja,

16
00:01:10,760 --> 00:01:16,490
Anda akan melihat bahwa sekarang ini berfungsi dan saya bisa pergi ke layar yang sama berulang-ulang

17
00:01:16,490 --> 00:01:19,810
dan didorong ke tumpukan yang sama dan lagi.

18
00:01:19,820 --> 00:01:26,030
Sekarang tentu saja, Anda mungkin bertanya-tanya mengapa saya ingin mendorong layar saya sudah ke ini lagi.

19
00:01:26,030 --> 00:01:32,150
Sekarang di banyak aplikasi Anda mungkin tidak memerlukan ini tetapi katakanlah Anda sedang membangun aplikasi seperti Dropbox di mana Anda

20
00:01:32,150 --> 00:01:33,370
memiliki folder di

21
00:01:33,380 --> 00:01:35,440
mana pengguna dapat menavigasi, jika Anda

22
00:01:35,570 --> 00:01:38,330
berada dalam folder, Anda ingin pergi ke folder lain.

23
00:01:38,330 --> 00:01:44,960
Sekarang setiap folder adalah layar folder yang sama secara teknis, hanya dengan konten yang berbeda dimuat ke dalamnya. Dalam kasus seperti itu, Anda mungkin ingin pergi dari folder

24
00:01:44,960 --> 00:01:50,720
A ke B yang menggunakan komponen yang sama, layar yang sama pada akhirnya tetapi dengan konten yang berbeda,

25
00:01:50,720 --> 00:01:56,540
dalam kasus seperti itu Anda dapat menggunakan push untuk masih dapat mendorong layar baru yang adalah layar yang

26
00:01:56,540 --> 00:02:02,580
sama ke tumpukan dan memuat layar yang sama dengan konten yang berbeda, ini akan menjadi satu skenario di mana

27
00:02:02,600 --> 00:02:05,860
Anda bisa memerlukan ini. Dalam aplikasi ini, kita

28
00:02:05,870 --> 00:02:11,720
tidak memerlukannya sehingga tidak perlu untuk mendorong tetapi Anda memiliki ini dalam skenario di

29
00:02:11,720 --> 00:02:13,100
mana navigasi

30
00:02:13,100 --> 00:02:15,830
tidak akan membawa Anda ke layar

31
00:02:15,830 --> 00:02:23,630
itu, tekan selalu akan ketika di dalam stack navigator. Namun di sini, saya akan mengembalikan ini untuk menavigasi yang mengambil objek dengan nama rute

32
00:02:23,630 --> 00:02:31,800
yang kemudian menunjuk pada kategori karena di sini, kita benar-benar tidak perlu mendorong, itu adalah makanan kategori. Jadi ini akan berlaku untuk aplikasi ini, sekarang Anda

33
00:02:31,800 --> 00:02:33,330
juga memiliki

34
00:02:33,330 --> 00:02:36,370
opsi navigasi eksplisit lainnya, katakanlah dari

35
00:02:36,420 --> 00:02:39,600
layar makanan kategori, Anda ingin dapat kembali.

36
00:02:39,840 --> 00:02:45,330
Yah tentu saja, kami dapat kembali dengan bantuan tombol kembali ini tetapi juga tidak biasa bahwa di

37
00:02:45,360 --> 00:02:51,140
beberapa aplikasi, Anda memiliki beberapa hal lain yang dapat dilakukan pengguna Anda di mana Anda ingin membawanya kembali,

38
00:02:51,150 --> 00:02:55,890
misalnya, katakanlah Anda berada di halaman di mana Anda dapat mengatur beberapa konfigurasi dan

39
00:02:55,890 --> 00:03:01,180
ketika Anda mengklik tombol simpan, Anda ingin menyimpan konfigurasi itu dan Anda juga ingin meninggalkan layar.

40
00:03:01,290 --> 00:03:07,410
Sekarang untuk skenario ini, Anda mungkin ingin dapat memicu navigasi kembali secara manual dan jangan menunggu pengguna

41
00:03:07,410 --> 00:03:13,260
untuk menekan tombol kembali karena itu mungkin memaksa pengguna untuk menekan tombol simpan terlebih dahulu dan

42
00:03:13,260 --> 00:03:17,040
kemudian kembali secara manual yang tidak pengalaman pengguna terbaik.

43
00:03:17,070 --> 00:03:24,210
Jadi di sini, saya akan mensimulasikan ini dengan hanya memiliki tombol kembali di sini di layar kita, jadi dalam

44
00:03:24,210 --> 00:03:30,090
kode JSX kita dan ketika kita menekan ini, saya ingin dapat kembali, saya secara manual

45
00:03:30,090 --> 00:03:31,790
ingin memicu navigasi kembali.

46
00:03:31,950 --> 00:03:37,740
Anda dapat melakukan ini dengan bantuan alat navigasi karena di sana, Anda memiliki metode kembali yang

47
00:03:37,740 --> 00:03:41,030
dapat Anda panggil dan ini memang terdengar seperti apa.

48
00:03:41,230 --> 00:03:46,380
Jika kami menyimpan ini dan saya pergi ke makanan, jika saya klik kembali, kami memainkan navigasi belakang.

49
00:03:46,380 --> 00:03:51,960
Secara teknis, ini muncul dari layar kita aktif dan kembali ke

50
00:03:51,960 --> 00:03:58,860
layar sebelumnya di tumpukan karena itu. Sebagai alternatif untuk kembali, jika Anda menggunakan navigator stack, Anda

51
00:03:58,860 --> 00:04:01,740
juga memiliki pop yang sesuai dengan namanya, ia

52
00:04:02,010 --> 00:04:08,730
memunculkan layar saat ini di stack dan karena Anda selalu melihat layar teratas pada perangkat Anda, ini juga memainkan navigasi

53
00:04:08,730 --> 00:04:14,240
belakang, jadi ini adalah alternatif untuk kembali. Perbedaannya adalah bahwa pop hanya dapat digunakan jika Anda

54
00:04:14,240 --> 00:04:14,980
berada di

55
00:04:15,090 --> 00:04:19,770
navigator stack, kembali juga tersedia di navigator lain yang akan kita gunakan nanti dalam modul ini.

56
00:04:22,340 --> 00:04:27,000
Terkadang, Anda juga ingin kembali ke komponen induk

57
00:04:27,140 --> 00:04:34,730
Anda, katakanlah di sini di MealDetailScreen. Di sana kita juga dapat menambahkan tombol

58
00:04:34,730 --> 00:04:39,390
dan pada tombol ini di sini, saya ingin kembali ke

59
00:04:39,390 --> 00:04:49,090
kategori saya katakanlah dan oleh karena itu, saya akan menambahkan onPress dan dalam fungsi ini di sini, saya dapat menggunakan pop navigasi

60
00:04:49,090 --> 00:04:56,860
alat peraga, benar, karena ini membawa kita kembali .

61
00:04:56,860 --> 00:04:59,230
Nah masalah dengan itu tentu saja adalah, itu membawa saya kembali tetapi hanya ke layar sebelum layar ini, jadi ke layar.

62
00:04:59,230 --> 00:05:03,250
Aku datang dari. Saya ingin kembali ke layar

63
00:05:03,250 --> 00:05:06,040
kategori, jadi saya ingin melewati dua layar sekaligus.

64
00:05:06,250 --> 00:05:08,450
Untuk ini, Anda memiliki pop ke atas, ini

65
00:05:08,560 --> 00:05:14,260
adalah metode lain yang dapat Anda panggil yang hanya muncul dari semua layar dari tumpukan dan membawa Anda kembali

66
00:05:14,470 --> 00:05:15,970
ke layar root Anda.

67
00:05:16,390 --> 00:05:21,100
Jadi jika Anda mengklik ini, kami mendapatkan animasi kembali dan kami kembali ke layar root kami

68
00:05:21,220 --> 00:05:22,720
yang dalam hal ini

69
00:05:22,720 --> 00:05:27,570
adalah layar kategori, jadi itu alternatif di sini. Sekarang dengan itu, hanya ada

70
00:05:27,580 --> 00:05:33,780
satu tindakan navigasi terakhir yang mungkin Anda butuhkan. Katakanlah pada layar kategori, Anda ingin pergi ke

71
00:05:34,050 --> 00:05:41,880
makanan kategori tetapi Anda tidak ingin menambahkannya ke tumpukan tetapi Anda ingin mengganti komponen Anda saat ini di tumpukan dengan

72
00:05:41,940 --> 00:05:47,790
itu, sehingga hanya ada satu layar di tumpukan tetapi layar itu kemudian halaman baru, itu

73
00:05:47,790 --> 00:05:49,570
juga berarti bahwa

74
00:05:49,620 --> 00:05:54,630
Anda tidak akan dapat kembali ke halaman baru karena tumpukan akan kosong sesudahnya

75
00:05:54,630 --> 00:05:56,820
yang berarti aplikasi Anda ditutup.

76
00:05:56,820 --> 00:06:00,990
Jadi jika Anda ingin melakukan itu, Anda bisa menggunakan ganti. Ganti juga sama seperti

77
00:06:01,020 --> 00:06:09,150
push hanya membutuhkan pengenal seperti ini dan ganti juga akan membawa Anda ke layar baru, itu tidak memainkan animasi ke

78
00:06:09,150 --> 00:06:15,240
depan, alih-alih langsung melompat ke sana dan Anda tidak mendapatkan tombol kembali secara otomatis

79
00:06:15,240 --> 00:06:19,030
karena tumpukan kosong jika tidak, ini adalah hanya layar.

80
00:06:19,200 --> 00:06:24,540
Ini dapat digunakan misalnya pada layar masuk tempat pengguna masuk dan sekali masuk,

81
00:06:24,540 --> 00:06:26,990
pengguna seharusnya tidak dapat kembali ke

82
00:06:27,030 --> 00:06:32,430
layar masuk, maka Anda cukup mengganti layar masuk dengan Anda masuk di layar dengan

83
00:06:32,430 --> 00:06:34,370
profil pengguna atau semacamnya.

84
00:06:34,620 --> 00:06:39,930
Jika Anda masih mencoba untuk kembali, tidak ada yang terjadi karena Anda tidak dapat kembali,

85
00:06:39,930 --> 00:06:44,390
tidak ada yang lain di tumpukan. Oleh karena itu tentu saja, ganti

86
00:06:44,430 --> 00:06:51,600
sama sekali bukan yang kita butuhkan dalam aplikasi ini, saya hanya ingin memperkenalkan ini di sini, meskipun kita akan melihat lebih banyak pola

87
00:06:51,630 --> 00:06:56,810
yang tersedia dan bagaimana Anda bolak-balik di antara halaman dan ketika Anda mungkin ingin mengganti atau beralih

88
00:06:56,830 --> 00:07:02,610
di antara layar seperti ini di seluruh modul ini, hanya ingin memperkenalkannya pada saat ini, masih di sini,

89
00:07:02,910 --> 00:07:10,680
saya akan kembali menavigasi dengan nama rute yang menunjuk pada makanan kategori. Dan dengan itu, Anda memiliki ikhtisar tentang beberapa metode navigasi dasar yang

90
00:07:10,800 --> 00:07:16,230
memungkinkan Anda bolak-balik di antara layar Anda. Seperti yang saya sebutkan, tentu saja kita

91
00:07:16,230 --> 00:07:22,500
akan melihat banyak pola beraksi di seluruh modul ini, untuk sekarang ini dia dan saya akan

92
00:07:22,500 --> 00:07:30,180
mengatakan dengan itu, sudah waktunya untuk benar-benar menambahkan daging ke aplikasi ini, pastikan itu adalah aplikasi lebih realistis dan bukan

93
00:07:30,330 --> 00:07:33,030
hanya aplikasi tiruan seperti saat ini.