Sekarang kami telah melihat navigasi dasar dengan navigasi dan navigasi adalah alat Anda yang paling
penting, tetapi sebenarnya ketika berada di dalam layar, dari komponen yang dimuat dengan bantuan stack navigator,
Anda memiliki alternatif untuk menavigasi.
Anda juga dapat menggunakan push bukan navigasi, meskipun itu tidak mengambil objek Javascript tetapi hanya mengambil nama rute
di sini, dalam hal
ini makan kategori sebagai argumen pertama dan dengan itu, Anda akan mendapatkan perilaku yang sama seperti sebelumnya.
Pertanyaannya tentu adalah mengapa Anda kemudian menggunakan ini.
Nomor satu itu sedikit lebih pendek daripada menavigasi karena Anda tidak melewati
objek tetapi itu
bukan alasan utama, sebaliknya menggunakan push di sini dapat berguna jika Anda ingin pergi ke katakanlah halaman di mana Anda sudah berada.
Sekarang saya tunjukkan apa yang saya maksud.
Jika saya mengembalikan ini dan saya menavigasi ke kategori di sini, jadi ke
layar kategori yang merupakan layar saya sudah masuk Jika saya melakukannya dengan menavigasi, yang akan Anda lihat adalah
tidak ada yang terjadi jika saya mengetuk ini.
Sekarang jika saya menggunakan push saja dan karena itu saya hanya melewati kategori sebagai argumen pertama saya karena itulah cara push bekerja,
Anda akan melihat bahwa sekarang ini berfungsi dan saya bisa pergi ke layar yang sama berulang-ulang
dan didorong ke tumpukan yang sama dan lagi.
Sekarang tentu saja, Anda mungkin bertanya-tanya mengapa saya ingin mendorong layar saya sudah ke ini lagi.
Sekarang di banyak aplikasi Anda mungkin tidak memerlukan ini tetapi katakanlah Anda sedang membangun aplikasi seperti Dropbox di mana Anda
memiliki folder di
mana pengguna dapat menavigasi, jika Anda
berada dalam folder, Anda ingin pergi ke folder lain.
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
A ke B yang menggunakan komponen yang sama, layar yang sama pada akhirnya tetapi dengan konten yang berbeda,
dalam kasus seperti itu Anda dapat menggunakan push untuk masih dapat mendorong layar baru yang adalah layar yang
sama ke tumpukan dan memuat layar yang sama dengan konten yang berbeda, ini akan menjadi satu skenario di mana
Anda bisa memerlukan ini. Dalam aplikasi ini, kita
tidak memerlukannya sehingga tidak perlu untuk mendorong tetapi Anda memiliki ini dalam skenario di
mana navigasi
tidak akan membawa Anda ke layar
itu, tekan selalu akan ketika di dalam stack navigator. Namun di sini, saya akan mengembalikan ini untuk menavigasi yang mengambil objek dengan nama rute
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
juga memiliki
opsi navigasi eksplisit lainnya, katakanlah dari
layar makanan kategori, Anda ingin dapat kembali.
Yah tentu saja, kami dapat kembali dengan bantuan tombol kembali ini tetapi juga tidak biasa bahwa di
beberapa aplikasi, Anda memiliki beberapa hal lain yang dapat dilakukan pengguna Anda di mana Anda ingin membawanya kembali,
misalnya, katakanlah Anda berada di halaman di mana Anda dapat mengatur beberapa konfigurasi dan
ketika Anda mengklik tombol simpan, Anda ingin menyimpan konfigurasi itu dan Anda juga ingin meninggalkan layar.
Sekarang untuk skenario ini, Anda mungkin ingin dapat memicu navigasi kembali secara manual dan jangan menunggu pengguna
untuk menekan tombol kembali karena itu mungkin memaksa pengguna untuk menekan tombol simpan terlebih dahulu dan
kemudian kembali secara manual yang tidak pengalaman pengguna terbaik.
Jadi di sini, saya akan mensimulasikan ini dengan hanya memiliki tombol kembali di sini di layar kita, jadi dalam
kode JSX kita dan ketika kita menekan ini, saya ingin dapat kembali, saya secara manual
ingin memicu navigasi kembali.
Anda dapat melakukan ini dengan bantuan alat navigasi karena di sana, Anda memiliki metode kembali yang
dapat Anda panggil dan ini memang terdengar seperti apa.
Jika kami menyimpan ini dan saya pergi ke makanan, jika saya klik kembali, kami memainkan navigasi belakang.
Secara teknis, ini muncul dari layar kita aktif dan kembali ke
layar sebelumnya di tumpukan karena itu. Sebagai alternatif untuk kembali, jika Anda menggunakan navigator stack, Anda
juga memiliki pop yang sesuai dengan namanya, ia
memunculkan layar saat ini di stack dan karena Anda selalu melihat layar teratas pada perangkat Anda, ini juga memainkan navigasi
belakang, jadi ini adalah alternatif untuk kembali. Perbedaannya adalah bahwa pop hanya dapat digunakan jika Anda
berada di
navigator stack, kembali juga tersedia di navigator lain yang akan kita gunakan nanti dalam modul ini.
Terkadang, Anda juga ingin kembali ke komponen induk
Anda, katakanlah di sini di MealDetailScreen. Di sana kita juga dapat menambahkan tombol
dan pada tombol ini di sini, saya ingin kembali ke
kategori saya katakanlah dan oleh karena itu, saya akan menambahkan onPress dan dalam fungsi ini di sini, saya dapat menggunakan pop navigasi
alat peraga, benar, karena ini membawa kita kembali .
Nah masalah dengan itu tentu saja adalah, itu membawa saya kembali tetapi hanya ke layar sebelum layar ini, jadi ke layar.
Aku datang dari. Saya ingin kembali ke layar
kategori, jadi saya ingin melewati dua layar sekaligus.
Untuk ini, Anda memiliki pop ke atas, ini
adalah metode lain yang dapat Anda panggil yang hanya muncul dari semua layar dari tumpukan dan membawa Anda kembali
ke layar root Anda.
Jadi jika Anda mengklik ini, kami mendapatkan animasi kembali dan kami kembali ke layar root kami
yang dalam hal ini
adalah layar kategori, jadi itu alternatif di sini. Sekarang dengan itu, hanya ada
satu tindakan navigasi terakhir yang mungkin Anda butuhkan. Katakanlah pada layar kategori, Anda ingin pergi ke
makanan kategori tetapi Anda tidak ingin menambahkannya ke tumpukan tetapi Anda ingin mengganti komponen Anda saat ini di tumpukan dengan
itu, sehingga hanya ada satu layar di tumpukan tetapi layar itu kemudian halaman baru, itu
juga berarti bahwa
Anda tidak akan dapat kembali ke halaman baru karena tumpukan akan kosong sesudahnya
yang berarti aplikasi Anda ditutup.
Jadi jika Anda ingin melakukan itu, Anda bisa menggunakan ganti. Ganti juga sama seperti
push hanya membutuhkan pengenal seperti ini dan ganti juga akan membawa Anda ke layar baru, itu tidak memainkan animasi ke
depan, alih-alih langsung melompat ke sana dan Anda tidak mendapatkan tombol kembali secara otomatis
karena tumpukan kosong jika tidak, ini adalah hanya layar.
Ini dapat digunakan misalnya pada layar masuk tempat pengguna masuk dan sekali masuk,
pengguna seharusnya tidak dapat kembali ke
layar masuk, maka Anda cukup mengganti layar masuk dengan Anda masuk di layar dengan
profil pengguna atau semacamnya.
Jika Anda masih mencoba untuk kembali, tidak ada yang terjadi karena Anda tidak dapat kembali,
tidak ada yang lain di tumpukan. Oleh karena itu tentu saja, ganti
sama sekali bukan yang kita butuhkan dalam aplikasi ini, saya hanya ingin memperkenalkan ini di sini, meskipun kita akan melihat lebih banyak pola
yang tersedia dan bagaimana Anda bolak-balik di antara halaman dan ketika Anda mungkin ingin mengganti atau beralih
di antara layar seperti ini di seluruh modul ini, hanya ingin memperkenalkannya pada saat ini, masih di sini,
saya akan kembali menavigasi dengan nama rute yang menunjuk pada makanan kategori. Dan dengan itu, Anda memiliki ikhtisar tentang beberapa metode navigasi dasar yang
memungkinkan Anda bolak-balik di antara layar Anda. Seperti yang saya sebutkan, tentu saja kita
akan melihat banyak pola beraksi di seluruh modul ini, untuk sekarang ini dia dan saya akan
mengatakan dengan itu, sudah waktunya untuk benar-benar menambahkan daging ke aplikasi ini, pastikan itu adalah aplikasi lebih realistis dan bukan
hanya aplikasi tiruan seperti saat ini.