Jadi mari kita bekerja pada porting seluruh logika kita di sini di navigator aplikasi.
Kami mulai dengan tumpukan boneka ini di sini dan itu bagus tapi akhirnya bukan yang kita butuhkan.
Sekarang terserah Anda di mana Anda melakukan konfigurasi itu, tetapi karena kami melakukannya pada dasarnya di file
navigator toko sebelumnya.
Saya juga akan terus melakukannya di sana.
Bahkan dengan logika baru itu.
Jadi yang akan saya lakukan adalah navigator aplikasi.
Saya akan benar-benar menyingkirkan tumpukan saya di sini dan saya akan menyingkirkan impor ini dan saya akan menyingkirkan ini
di sini saya akan meninggalkan wadah navigasi dan saya akan mengatur ulang impor ini meskipun pada akhirnya akan
mengubah ini sedikit.
Tapi sekarang mari kita beralih ke navigator berbelanja di sana pertama-tama kita dapat menghapus impor ini dari navigasi reaksi
tidak akan membutuhkannya.
Mari kita tinggalkan sisanya untuk sekarang, alih-alih impor yang dihapus itu kita dapat mengimpor dari pada
stack navigasi reaksi dan semua sudah dari pada draw dan dari stack iklan kita impor membuat navigator stack dari
slash draw kita mengimpor membuat draw navigator.
Sekarang kita dapat gulir ke bawah dan kita dapat meninggalkan opsi nav default di sini sebenarnya.
Untungnya nama berdering dan bagaimana Anda secara umum mengkonfigurasi hal-hal dan apa yang dapat Anda konfigurasi
tidak benar-benar berubah hanya bagaimana Anda menerapkan konfigurasi berubah dan oleh karena itu apa yang
pasti perlu diubah adalah bagian ini di sini navigator tumpukan pertama saya, saya sekarang akan digandakan dan kemudian dihapus atau berkomentar untuk memiliki perbandingan
berdampingan saya akan membuat konstanta baru yang saya akan beri nama produk stack navigator hanya agar kita
tidak memiliki nama bentrokan dan itu benar-benar jelas bahwa ini akan
menampung setumpuk halaman setumpuk halaman layar dan kami melakukannya dengan membuat stack navigator dengan fungsi ini apa yang
saya tunjukkan kepada Anda sebelum fungsi ini tidak memiliki parameter lagi sebagai gantinya saya akan membuat konstanta baru di sini produk
Navigator.
Jadi sekarang kita memiliki bentrokan nama tetapi ini akan dihapus.
Dan ini sekarang merupakan komponen reaksi dari komponen fungsional dan kita bisa turun untuk semua
yang disimpan dalam file terpisah hanya untuk perbandingan berdampingan ini dan karena kita memiliki segalanya dalam file
ini sebelum sekarang saya akan mengatur semua komponen navigator ini dengan navigasi kita konfigurasi di sini dalam satu
file ini membelah itu pasti adalah sesuatu yang dapat Anda pertimbangkan.
Jadi di sini adalah navigator produk kami dan di sana saya sekarang akan mengembalikan produk stack navigator dot Navigator
seperti yang Anda pelajari dan dalam produk mereka menumpuk navigator dot screen dan kami memiliki tiga layar sebelumnya sehingga saya akan
mereplikasi ini dua kali.
Kami juga punya tiga layar di sana.
Sekarang kita bisa mengkonfigurasinya, mari kita berikan nama ke layar pertama dan itu akan menjadi gambaran umum produk.
Sekarang komponen yang harus dimuat adalah komponen layar ikhtisar produk kami.
Jadi pada dasarnya apa yang kami petakan sebelumnya juga sekarang untuk layar kedua namanya adalah detail produk.
Jadi apa yang kami miliki di sini dan pastikan Anda menyimpan nama-nama itu
sehingga seluruh logika navigasi yang Anda miliki di aplikasi Anda karena itu tidak harus diubah sehingga ini masih
berfungsi dan di sini komponen yang harus dimuat ketika kita ingin mencapai layar itu adalah
komponen layar perincian produk persis seperti yang kita punya di sana mari kita perbaiki itu dan untuk layar terakhir namanya kereta.
Apa yang kami punya di sini dan kami ingin pergi ke layar jantung seperti ini.
Jadi sekarang kita mengatur tumpukan navigasi ini dengan logika berbasis komponen baru ini.
Sekarang kita dapat mengimpor ke navigator aplikasi dan untuk Ayah kita
hanya perlu menambahkan kata kunci ekspor di depannya sehingga konstanta ini komponen ini diekspor di sini dalam
file ini dan di navigator aplikasi kita sekarang tidak mengimpor navigator toko tetapi kita mengimpor navigator produk yang baru diekspor, kami mengimpornya
di sini dan dalam wadah navigasi kami sekarang dapat menambahkan navigator produk seperti ini dan kami
dapat menyingkirkan impor layar ikhtisar produk tersebut.
Sekarang kembali ke navigator toko.
Mari kita lihat opsi-opsi itu.
Selanjutnya opsi navigasi yang kami miliki di sini di tumpukan ini.
Apa yang kita lakukan dengan itu.
Yah kami sebenarnya memiliki dua opsi di sini di navigator produk kami di navigator lama dengan logika
lama yaitu ikon akta.
Tumpukan ini harus ada di laci yang akan kita tambahkan nanti yang kedua adalah opsi navigasi default kami yang
harus diterapkan ke semua layar yang merupakan bagian dari navigator ini.
Dan sebenarnya ada juga tempat ketiga di mana kita mengkonfigurasi hal-hal di masa lalu.
Dan itu ada di beberapa layar.
Mari kita lihat layar ikhtisar produk kami apa yang ada di folder toko di sana jika kita gulir ke bawah.
Kami memiliki properti opsi navigasi ini yang kami tambahkan ke objek fungsional layar ikhtisar produk dan itu adalah fungsi
tempat kami mengonfigurasi hal-hal seperti judul header tetapi juga apa yang ada di kiri
dan set kanan header sekarang dengan logika baru ini.
Anda tidak melakukan itu seperti ini lagi.
Sebagai gantinya, kami dapat menyalin seluruh pengaturan ini di sini.
Jadi semua itu bisa kita salin.
Kami dapat berkomentar di sini di komponen layar dan pergi ke komponen navigator aplikasi.
Maafkan saya untuk berbelanja komponen navigator di mana kita mengatur navigasi tumpukan kita dan sekarang
di layar di mana kita ingin memiliki opsi-opsi itu kita dapat menambahkan prop ketiga dan itulah properti de options dan dua opsi.
Anda dapat menguraikan dengan tepat apa yang Anda miliki dalam komponen sebelumnya sehingga fungsi yang Anda lewati adalah fungsi yang
benar.
Yang menerima parameter
data NAF yang kemudian mengembalikan objek konfigurasi, nilai konkret untuk parameter ini akan dimasukkan oleh
reaksi navigasi dan nama konfigurasi yang dapat kita atur di sini hal-hal yang dapat kita konfigurasi belum
berubah.
Jadi kita masih bisa mengatur judul header di depan atau ke kiri.
Jadi ini semua persis sama dengan yang Anda pelajari.
Ia bekerja dengan cara yang persis sama.
Untungnya sekarang kita bisa melakukannya di sini dan navigator berbelanja.
Tapi ini tentu saja akan dengan cepat menjadi sangat besar jika kita memiliki semua konfigurasi khusus layar
yang berbeda di sini.
Jadi sebenarnya bukan itu yang akan saya lakukan di sini.
Sebaliknya saya melihat dua opsi.
Salah satunya adalah bahwa kita benar-benar melakukan pengaturan dari layar stack navigator produk di komponen layar.
Yang kedua adalah kita hanya menyimpan pilihan kita di sana dan itulah pendekatan yang akan saya ikuti.
Jadi kembali dalam tinjauan produk, saya akan berkomentar ini kembali tetapi sekarang di sini kita tidak lagi mengatur
berfungsi sebagai nilai untuk props opsi navigasi tetapi kita hanya mengekspornya sebagai konstanta konstan yang harus kita beri nama
dan saya ' akan memberi nama opsi layar ini. Tidak ada opsi layar memegang fungsi ini dan kami mengekspornya
dengan namanya.
Itu tidak berbenturan dengan ekspor komponen karena kami melakukannya dengan default di sini.
Jadi sekarang kita ekspor adalah fungsi konfigurasi dan kemudian navigator toko kita dapat mengimpornya sehingga selain mengimpor
layar ikhtisar produk dari file itu kita sekarang juga dapat menggabungkan itu dengan
impor bernama di mana kita mengimpor ke fungsi opsi layar dan kemudian di sini dua opsi pada layar ini.
Saya baru saja melewati pointer pada fungsi ini jangan jalankan itu hanya mengarahkannya.
Mari kita bereaksi navigasi yang dilakukan untuk Anda sehingga dapat masuk dalam
nilai konkret untuk fungsi parameter data NAF ini sekali dan dengan ini layar ini dikonfigurasi.
Sekarang jika kita menyimpan bentrokan iklan itu karena kita memiliki nama ini bentrok di sana.
Jadi untuk menyelesaikan ini mari kita pastikan kita semua mendukung opsi lain.
Sekarang opsi pengundian khusus adalah sesuatu yang akan saya lihat nanti setelah kami menambahkan pengundian untuk
opsi navigasi default.
Kabar baiknya adalah kita masih bisa menerapkan yang tidak harus kita atur semuanya di tingkat layar.
Jika kami memiliki konfigurasi bersama yang memengaruhi semua layar navigator.
Dan bagaimana menurut Anda kami dapat mengatur opsi umum seperti itu untuk semua layar gratis ini di sini.
Yah kami mengaturnya langsung di navigator di sana.
Kami juga memiliki properti opsi layar kecil sehingga tidak bernama opsi tetapi opsi layar.
Tetapi ini adalah opsi yang akan diterapkan ke setiap layar di sini dan opsi spesifik
layar akan digabungkan dengan opsi-opsi umum ini seperti sebelumnya dalam kursus.
Sekarang di sini kita melewati objek opsi nav default kami.
Jadi objek ini di sana saya hanya memberi ini sebagai nilai untuk opsi layar dan hanya itu.
Sekarang kita dapat berkomentar sebagai navigator produk di sini dan menyimpan semuanya.
Sekarang setelah kita melakukan itu, kita masih tidak dapat melihat hasilnya karena dalam file navigator toko ini kita masih
mendapatkan banyak kode yang menggunakan navigator lama atau logika navigator lama dan yang menyebabkan masalah di sini.
Sekarang untuk tetap melihat hasilnya, untuk sementara saya akan mengomentari semua ini untuk sementara dan menyimpan
kembali.
Sehingga ini membangun kembali dan Anda lihat kami sekarang mendapatkan kesalahan.
Ya ada satu hal yang perlu kita sesuaikan dan komponen tinjauan umum produk di
layar kita mengarahkan header kiri.
Ini sekarang harus berfungsi di sini yang mengembalikan marka marka JSA X kami dan sama untuk header kanan.
Jadi kita perlu mengubah keduanya menjadi fungsi dan Anda bisa melakukannya dengan menambahkan daftar parameter kosong dan kemudian
panah di sini.
Catatan tambahan Anda dapat menerima parameter di sini jika Anda mau dan itu akan menjadi alat peraga
karena ini sebenarnya adalah komponen burung yang menemukan di sini nilai konkret untuk alat
peraga akan diumpankan dan dengan mereaksikan navigasi dan nilai yang dapat Anda dapatkan dari sana dapat ditemukan
dalam dokumen resmi dengan penyesuaian ini dibuat jika kita sekarang aman sekarang restart di sini dan sekarang kita melihat layar itu lagi.
Sekarang jelas mengambil konfigurasi kita.
Ingatlah bahwa pengundian tidak akan berfungsi karena kami belum menambahkan pengundian dan navigasi, jadi dengan semua
itu kami mempelajari bagaimana kami dapat mengonfigurasi komponen kami, layar kami, dan keseluruhan navigator tumpukan dengan
logika baru dengan hal itu.
Saatnya untuk terus porting Pasti merasa bebas untuk melakukan langkah-langkah selanjutnya sendiri dan port untuk
menyaring opsi spesifik untuk detail produk dan layar kartu dan setelah itu kami akan beralih ke tumpukan
berikutnya.
Dan tentu saja juga menuntut undian.