Jadi mari kita pastikan kita dapat pergi ke layar edit produk dan untuk itu tentu
saja, saya pertama-tama akan mengisinya dengan kehidupan dengan mengimpor React from React dan kemudian juga dengan mengimpor beberapa hal dari React Native dan
beberapa hal ini untuk saat ini. akan menyertakan view dan teks dan juga stylesheet yang akan kita
butuhkan nanti dan
kemudian di sini kita memiliki layar edit produk di mana saya akan mendapatkan alat peraga dan perlu mengembalikan beberapa jsx.
Saya mengatur objek gaya saya di sini dengan Stylesheet. buat seperti itu dan kemudian kita dapat mengekspor
layar edit produk sebagai default.
Sekarang di sini di komponen itu sendiri, untuk saat ini hanya untuk melihat bahwa
ini berfungsi, kita dapat menampilkan tampilan dengan teks di sana di mana kita mengatakan bahwa layar edit
produk dan kemudian tentu saja, kita akan menampilkan lebih banyak hal bermanfaat
di sini dan sekarang untuk pergi ke sana, sekali lagi kita
perlu mendaftarkan ini di navigator, itu bagian dari navigator admin, jadi mari kita impor
layar ini, impor layar edit produk dari layar pengguna edit layar produk dan kemudian tambahkan di sini ke navigator admin, mungkin dengan edit produk
sebagai pengidentifikasi, arahkan ke layar edit produk.
Sekarang kita seharusnya dapat secara umum pindah ke sana, tetapi tentu saja kita sekarang perlu memicu tindakan navigasi
untuk mencapainya dan itu adalah sesuatu yang ingin saya lakukan dari dalam layar produk pengguna ketika kami memilih ini
atau ketika kami menekan edit, maka saya ingin lakukan hal yang sama.
Jadi saya akan lagi membuat fungsi di sini sehingga
saya tidak menduplikasi kode saya, pilih produk atau mengedit handler produk mungkin, ini adalah fungsi di mana saya berharap untuk mendapatkan ID yang ingin
saya edit
sehingga ID dari produk yang saya inginkan untuk mengedit dan di sini, saya ingin menggunakan alat peraga navigasi, menavigasi ke layar edit produk, jadi ke
layar dengan pengenal ini yang tentu saja saya miliki karena itulah pengenal saya baru saja
terdaftar di sini
dan saya ingin meneruskan ID produk di sini.
Jadi ID yang saya dapatkan sebagai argumen di fungsi ini diteruskan sebagai parameter routing, sekarang
edit product handler adalah fungsi yang harus dieksekusi di sini ketika kita mengklik
tombol edit, di sana saya meneruskan itemData. barang. id dan saya melakukan hal yang sama di sini dalam
hal ini pada handler pilih tentu saja.
Jika kita melihat ini, kita kembali
ke sini, admin, klik di sini, layar edit produk, juga jika
saya mengklik tombol edit, jadi itu berfungsi. Sekarang untuk menambahkan produk baru, saya ingin pergi ke layar
yang sama tetapi tanpa memberikan ID dan itu akan memungkinkan kita untuk mencari tahu apakah kita sedang mengedit atau menambahkan mode
pada layar edit produk dengan memeriksa apakah kita memiliki ID atau tidak.
Jadi untuk menuju ke layar tambah produk, kita bisa menambahkan item tindakan, jadi item ke bilah header
di sini di layar produk pengguna dan itu harus di sebelah kanan jadi saya akan menambahkan header di sini.
Ini pada akhirnya tepat seperti yang kami atur di sini, jadi saya akan menyalinnya menggunakan tombol tajuk tetapi pengidentifikasi di
sini bisa ditambahkan dan ikonnya harus dibuat dan ios buat untuk memiliki ikon yang memberi sinyal bahwa kami akan buat sesuatu dan juga
di sini, saya tidak beralih laci, tetapi saya memanggil navigasi dan pergi untuk mengedit produk dan sekarang
seperti yang saya sebutkan penting, tanpa melewati parameter apa pun di sini karena kami menambahkan produk baru,
kami pasti tidak akan lulus ID yang ada di sini.
Dan dengan yang ditambahkan, misalnya pada Android untuk mencampuradukkan hal-hal di layar admin, sekarang kita dapat menekan
ikon bilah tindakan ini untuk membuka layar.
Sekarang tentu saja di sini tajuknya hilang dan kami akan memperbaikinya tetapi sebelum kami
melakukannya, ada hal lain yang ingin saya perbaiki, cangkir kopi sebenarnya dipotong di
sini di iOS, Anda melihat bahwa G sedikit dipotong off dan selain itu, Anda mungkin telah memperhatikan sebelumnya
bahwa ketika saya memiliki item di troli dan saya menghapusnya, bahwa sebelumnya saya memiliki minus di
sini, sekarang mari kita perbaiki kedua hal tersebut. Untuk cangkir kopi
atau untuk memotong teks, alasannya sederhana. Dalam komponen item produk di sini, kami menetapkan tinggi untuk elemen kami
yang berbeda, seperti gambar
memiliki tinggi 60%, detailnya 15, mari kita berikan 17 itu dan karena itu kurangi dua poin persentase dari tindakan sehingga judul
memiliki sedikit lebih banyak ruang dan ini memastikan bahwa cangkir kopi ada
di sana, itu adalah perbaikan sederhana.
Sekarang untuk kereta, masalahnya adalah di balik
layar ketika bekerja dengan angka floating
point, Javascript tidak memiliki ketepatan yang Anda mungkin ingin memilikinya dan itulah
cara Javascript bekerja
dan oleh karena itu jika
Anda menambahkan dua item dan kemudian menghapus keduanya, Anda benar-benar dapat berakhir
dengan nilai yang di beberapa tempat desimal tidak 0. Sekarang apa yang dapat Anda lakukan untuk memperbaikinya
di layar troli adalah di sini saat Anda mengeluarkan jumlah dengan untuk diperbaiki, Anda benar-benar dapat menggunakan matematika yang dibangun ke dalam Javascript,
bulatkan dan bungkus ini dengan nilai tetap di sini dan kalikan dengan 100 dan sesudahnya, bagi dengan 100.
Ini akan memastikan bahwa Anda tidak pernah berakhir
dengan minus ini, sekali lagi ini ada hubungannya dengan bagaimana Javascript secara internal menangani angka floating point ini.
Jadi sekarang jika kita kembali menambahkan beberapa item di sini dan menambahkannya ke troli, ini umumnya terlihat bagus, jadi logika kita masih berfungsi tetapi sekarang jika
kita menghapus item di
sini, kita harus selalu berakhir dengan nol seperti ini, tidak pernah dengan minus di
depannya.
Jadi itu hanya perbaikan kecil tentang bagaimana kami menampilkan ini dan dengan tweak visual ini keluar dari jalan, mari kita
kembali ke produk pengguna dan pastikan bahwa sekarang kita dapat mencapai edit dan menambahkan layar yang merupakan
satu dan layar yang sama
dari tentu saja, kami juga menunjukkan beberapa input di sana dan kami memuat beberapa data untuk suatu produk yang harus diedit jika perlu.