Jadi kami bekerja dengan navigator tumpukan.
Sekarang bagaimana dengan undian.
Logikanya persis sama.
Kami membuat tahun navigator draw shop kami dengan memanggil create draw navigator dan seperti halnya stack navigator.
Fungsi ini tidak menginginkan argumen.
Alih-alih, kami akan menyiapkan navigasi undian kami dalam pendekatan berbasis komponen atau Ayah saya akan membuat navigator toko di sini
dan ini akan menjadi komponen reaksi.
Sekali lagi Anda bisa memilikinya di file terpisah.
Saya akan menyimpan semuanya dalam satu file untuk membuatnya berdampingan dengan kode lama dan di toko kami, kami kembali
menggambar navigator dot navigator.
Logika yang sama seperti sebelumnya. Tidak masalah bahwa itu seri.
Dan di sana kita sekarang memiliki dua layar berbeda yang dapat dimuat buah navigator dan
bereaksi navigasi akan secara otomatis memastikan bahwa navigator dibuat bahwa kita dapat membukanya dengan kode yang sama persis
seperti yang kita gunakan sebelumnya tidak harus menyesuaikan itu.
Jadi di sini kita sekarang memiliki layar dot navigator toko kami dan keadilan sebelum kita memberi nama layar itu.
Di sini kita punya dua produk misalnya.
Dan nama itu kemudian akan secara otomatis digunakan di dalam navigator undian.
Meskipun Anda juga bisa menimpa semua itu jika Anda mau dan kami membutuhkan komponen yang dimuat ketika
kami mengklik tautan itu di navigator.
Dan di sini itu masih Navigator produk.
Jadi sama seperti sebelumnya kita dapat menggunakan navigator tumpukan kami meskipun mereka sekarang menggunakan pendekatan berbasis komponen
ini sebagai komponen yang harus dibuat sebagai bagian dari navigator lain dalam hal ini sebagai bagian dari
navigator undian.
Kami masih dapat menunjuk navigator tumpukan kami sebagai komponen di sini karena mereka adalah komponen tahun ini.
Ini adalah komponen dan hal yang sama berlaku untuk semua navigator kami.
Kami membuat di sini mereka semua komponen bereaksi yang memegang logika navigasi spesifik mereka meminta komponen
dan keseluruhan komponen seperti navigator produk di sini dapat digunakan dalam draw navigator jadi saya akan
mereplikasi ini dua kali sehingga kami juga dapat menambahkan pesanan kami di sini dengan navigator pesanan dan admin di sini dengan navigator admin
dan pastikan Anda tidak memiliki kesalahan dalam nama Anda karena kami menggunakannya di seluruh aplikasi
dan logika itu tidak perlu disesuaikan.
Jadi, jika Anda mengacaukan nama-nama di sini, bagian lain dari aplikasi tidak akan berfungsi OK.
Jadi sekarang kita punya setup navigator menggambar ini dan sekarang bagaimana dengan konfigurasi.
Sekarang ada dua hal yang perlu kita pertimbangkan.
Untuk satu kita harus mengkonfigurasi di sini untuk konten undian.
Dan kedua kami ingin mengonfigurasi layar kami yang berbeda seperti navigator produk atau navigator pesanan untuk
memiliki ikon Anda sendiri di dalam laci.
Baiklah mari kita mulai dengan ikon-ikonnya.
Sebelumnya kami mengatur bahwa saya bisa langsung dalam konfigurasi stack Navigator yang
ingin kami gunakan dalam undian sekarang dengan pendekatan berbasis komponen.
Kami tidak melakukan itu lagi.
Alih-alih, kita bisa mengambil bagian ini di sini. Kita sebenarnya seluruh objek yang sebelumnya kita atur di
navigator tumpukan dan turun ke undian kami.
Dan sekarang di sini di layar ini miliknya.
Jadi dalam hal ini milik admin Navigator.
Jadi di sini, di layar admin, kami kembali memberikan opsi seperti yang kami lakukan sedetik, saya menggunakan stack Navigator.
Jadi di sini kita sekarang memberikan ini opsi untuk layar ini dan ini bisa menjadi komponen normal atau seperti dalam hal
ini komponen dengan logika navigasi stack dan dua opsi kita melewati sebuah objek dan di sana kita dapat menggunakan
kembali objek yang kita gunakan sebelumnya.
Jadi objek dengan gambar yang saya bisa kunci di mana kita melihat itu datang dan sebagainya.
Jadi ini semua berfungsi adil sebelum satu penyesuaian kecil namun kita sekarang mendapatkan alat peraga di sini juga dimasukkan oleh navigasi reaksi
dan alat peraga ini akan memiliki kunci warna bukannya menggambar config warna warna aktif dan warna akan selalu menjadi warna yang tepat karena
bereaksi navigasi di belakang Adegan akan mengontrol di mana ini dilakukan untuk layar saat
ini aktif atau tidak dan itu akan menyesuaikan nilai yang disimpan dalam prop warna menjadi.
Saya sudah menyoroti warna highlight yang sudah dikenal.
Jadi itu adalah penyesuaian kecil yang harus kita lakukan di sini dengan baik dan dengan
itu kita dapat menyalin logika dari navigator lain juga seperti dari navigator pesanan, mari
ambil objek ini di sini yang kami miliki dan opsi navigasinya turun ke undian ke pesanan. layar menambahkan kunci opsi lulus dan
objek dan komentar itu kembali dan penting kita sekarang mendapatkan alat peraga yang akan memiliki kunci warna seperti ini dan yang terakhir tapi
tidak kalah mari kita tentu saja juga melakukan itu untuk layar produk untuk navigator produk.
Di sini kita memiliki objek ini, mari kita ambil, mari kita turun
untuk menggambar navigator kami dan inilah layar produk kami yang mengatur tombol opsi di sini.
Menyerahkannya dan disesuaikan karena saya baru saja menunjukkannya.
Jadi sekarang kita memiliki konfigurasi khusus layar kita di sini.
Anda bisa mengatakan sekarang bagaimana dengan undian secara keseluruhan karena sebelumnya di aplikasi dengan
navigasi reaksi lama di mana kami sebenarnya memiliki undian kami dan kami mengonfigurasi warna warna aktif dan juga
konten undian.
Yah Anda masih bisa melakukan itu dengan pendekatan baru itu.
Kami pergi ke navigator menggambar kami sehingga tempat kami mengatur keseluruhan navigator dan kami mengonfigurasinya melalui alat peraga seperti
sebelumnya.
Ini semua tentang komponen dan alat peraga jadi di sini kita sekarang memiliki penamaan yang berbeda, kita tidak
lagi memiliki opsi konten dan komponen konten sebagai gantinya.
Dan Anda dapat menemukannya di dokumen resmi.
Kami sekarang memiliki konten menggambar dan menggambar opsi konten.
Namun nilainya persis sama pada akhirnya.
Jadi kita dapat mengambil objek opsi konten kami
di sini dan melewati sebagai menggambar opsi konten di sini dan berkomentar bahwa masuk dan meneruskan untuk menggambar konten.
Itu juga hampir sama.
Kami hanya membungkus komponen ini di sini
hingga di sini.
Salin
ini dan sampaikan ini di sini ke konten gambar dan beri komentar di.
Namun sekarang dua hal penting yang menggunakan tambalan ini tidak diperbolehkan di sini.
Anda harus melakukan ini di luar sini.
Jadi misalnya di sini, di toko navigator mengangguk adalah komponen bersarang.
Dan selain itu bukan lagi item undian tetapi daftar item undian yang juga harus kita impor di bagian atas dari
undian slash pengaktifan kembali.
Jadi di sini kita mengimpor daftar item gambar
dengannya.
Namun jika saya gulir ke bawah ini seharusnya sekarang bisa berfungsi lagi dan ini sekarang seharusnya menjadi undian kerja kami
sehingga kami mendapatkan navigator toko, kami memiliki semua tumpukan navigator ini. Yang tersisa sekarang adalah saklar Navigator
yang pada dasarnya membuat layar startup kami atau Anda tidak aktif. layar atau layar toko atau melakukan tumpukan navigasi masing-masing
saya harus saya katakan.
Nah itulah yang akan kita kerjakan selanjutnya.