React Navigation adalah salah satu library untuk membuat Routing dan Navigasi pada aplikasi React Native, library ini dibangun menggunakan native code dari masing-masing platform (IOS dan Android) sehingga animasi dan gesturenya lebih smooth, selain itu library ini juga mudah digunakan dan dikustomisasi sesuai keinginan kita sendiri.

Saat awal-awal mempelajari React Navigation, ada 2 method yang agak membingungkan bagi saya, karena fungsinya hampir sama, yaitu untuk berpindah antar stack atau route, sekarang saya akan mencoba menjelaskan perbedaan antara kedua method tersebut,

Pada kode diatas kita membuat sebuah navigator yang berisi 2 buah component yaitu Home dan Profile menggunakan fungsi createStackNavigator, pada component Profile terdapat 2 buah tombol untuk routing ke halaman home, yang pertama menggunakan fungsi navigate dan yang kedua menggunakan fungsi push.

Jika kita menggunakan method navigate untuk berpindah antar stack, React Navigation tidak langsung membuat stack baru, tapi mengecek terlebih dahulu apakah stack yang dituju sudah ada pada tumpukan stack atau belum, jika sudah ada maka React Navigation akan mengarahkan user ke stack yang sudah ada. jika belum ada, maka React Navigation akan membuat stack baru.

Method ini akan selalu membuat stack baru, tidak peduli apakah stack yang dituju sudah ada pada tumpukan stack atau belum.

Contoh penerapannya misalnya user sekarang berada pada halaman beranda facebook lalu user mengunjungi profilenya, kemudian user mengunjungi halaman daftar temannya, kemudian user mengunjungi profile dari salah satu daftar teman, jika menggunakan method navigate untuk melakukannya, maka kalau user menekan tombol back akan diarahkan ke beranda, bukan kembali ke halaman daftar teman. untuk itu kita gunakan method push pada saat user mengunjungi profil dari halaman daftar teman.

itu dia beberapa perbedaan antara Navigate dan Push pada React Navigation, semoga bermanfaat 😉

Oke mungkin itu saja yang bisa saya bagikan kali ini, kalau kamu merasa artikel ini bermanfaat silakan Like & Share artikel ini ke teman-teman kamu atau jika kamu punya pertanyaan, tulis aja di kolom komentar, Thank you! 😁 🙏