1
00:00:02,360 --> 00:00:08,330
Jadi mari kita pastikan kita dapat pergi ke layar edit produk dan untuk itu tentu

2
00:00:08,330 --> 00:00:17,550
saja, saya pertama-tama akan mengisinya dengan kehidupan dengan mengimpor React from React dan kemudian juga dengan mengimpor beberapa hal dari React Native dan

3
00:00:17,850 --> 00:00:24,960
beberapa hal ini untuk saat ini. akan menyertakan view dan teks dan juga stylesheet yang akan kita

4
00:00:24,960 --> 00:00:26,610
butuhkan nanti dan

5
00:00:26,670 --> 00:00:34,980
kemudian di sini kita memiliki layar edit produk di mana saya akan mendapatkan alat peraga dan perlu mengembalikan beberapa jsx.

6
00:00:34,980 --> 00:00:45,420
Saya mengatur objek gaya saya di sini dengan Stylesheet. buat seperti itu dan kemudian kita dapat mengekspor

7
00:00:45,450 --> 00:00:49,310
layar edit produk sebagai default.

8
00:00:49,390 --> 00:00:55,030
Sekarang di sini di komponen itu sendiri, untuk saat ini hanya untuk melihat bahwa

9
00:00:55,030 --> 00:01:01,990
ini berfungsi, kita dapat menampilkan tampilan dengan teks di sana di mana kita mengatakan bahwa layar edit

10
00:01:01,990 --> 00:01:07,210
produk dan kemudian tentu saja, kita akan menampilkan lebih banyak hal bermanfaat

11
00:01:07,270 --> 00:01:12,120
di sini dan sekarang untuk pergi ke sana, sekali lagi kita

12
00:01:13,150 --> 00:01:18,940
perlu mendaftarkan ini di navigator, itu bagian dari navigator admin, jadi mari kita impor

13
00:01:18,940 --> 00:01:29,060
layar ini, impor layar edit produk dari layar pengguna edit layar produk dan kemudian tambahkan di sini ke navigator admin, mungkin dengan edit produk

14
00:01:29,060 --> 00:01:32,330
sebagai pengidentifikasi, arahkan ke layar edit produk.

15
00:01:32,330 --> 00:01:37,250
Sekarang kita seharusnya dapat secara umum pindah ke sana, tetapi tentu saja kita sekarang perlu memicu tindakan navigasi

16
00:01:37,250 --> 00:01:42,320
untuk mencapainya dan itu adalah sesuatu yang ingin saya lakukan dari dalam layar produk pengguna ketika kami memilih ini

17
00:01:42,560 --> 00:01:46,060
atau ketika kami menekan edit, maka saya ingin lakukan hal yang sama.

18
00:01:46,220 --> 00:01:50,040
Jadi saya akan lagi membuat fungsi di sini sehingga

19
00:01:50,240 --> 00:02:00,170
saya tidak menduplikasi kode saya, pilih produk atau mengedit handler produk mungkin, ini adalah fungsi di mana saya berharap untuk mendapatkan ID yang ingin

20
00:02:00,200 --> 00:02:01,420
saya edit

21
00:02:01,460 --> 00:02:11,630
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

22
00:02:11,780 --> 00:02:17,900
layar dengan pengenal ini yang tentu saja saya miliki karena itulah pengenal saya baru saja

23
00:02:17,930 --> 00:02:19,330
terdaftar di sini

24
00:02:21,370 --> 00:02:24,580
dan saya ingin meneruskan ID produk di sini.

25
00:02:25,730 --> 00:02:30,150
Jadi ID yang saya dapatkan sebagai argumen di fungsi ini diteruskan sebagai parameter routing, sekarang

26
00:02:30,200 --> 00:02:33,960
edit product handler adalah fungsi yang harus dieksekusi di sini ketika kita mengklik

27
00:02:33,980 --> 00:02:40,850
tombol edit, di sana saya meneruskan itemData. barang. id dan saya melakukan hal yang sama di sini dalam

28
00:02:40,850 --> 00:02:42,790
hal ini pada handler pilih tentu saja.

29
00:02:45,360 --> 00:02:48,400
Jika kita melihat ini, kita kembali

30
00:02:48,510 --> 00:02:53,630
ke sini, admin, klik di sini, layar edit produk, juga jika

31
00:02:53,640 --> 00:03:00,030
saya mengklik tombol edit, jadi itu berfungsi. Sekarang untuk menambahkan produk baru, saya ingin pergi ke layar

32
00:03:00,080 --> 00:03:05,730
yang sama tetapi tanpa memberikan ID dan itu akan memungkinkan kita untuk mencari tahu apakah kita sedang mengedit atau menambahkan mode

33
00:03:05,730 --> 00:03:08,940
pada layar edit produk dengan memeriksa apakah kita memiliki ID atau tidak.

34
00:03:08,940 --> 00:03:16,560
Jadi untuk menuju ke layar tambah produk, kita bisa menambahkan item tindakan, jadi item ke bilah header

35
00:03:16,560 --> 00:03:24,280
di sini di layar produk pengguna dan itu harus di sebelah kanan jadi saya akan menambahkan header di sini.

36
00:03:25,290 --> 00:03:32,530
Ini pada akhirnya tepat seperti yang kami atur di sini, jadi saya akan menyalinnya menggunakan tombol tajuk tetapi pengidentifikasi di

37
00:03:32,530 --> 00:03:40,840
sini bisa ditambahkan dan ikonnya harus dibuat dan ios buat untuk memiliki ikon yang memberi sinyal bahwa kami akan buat sesuatu dan juga

38
00:03:40,840 --> 00:03:47,260
di sini, saya tidak beralih laci, tetapi saya memanggil navigasi dan pergi untuk mengedit produk dan sekarang

39
00:03:47,260 --> 00:03:53,650
seperti yang saya sebutkan penting, tanpa melewati parameter apa pun di sini karena kami menambahkan produk baru,

40
00:03:53,650 --> 00:03:57,910
kami pasti tidak akan lulus ID yang ada di sini.

41
00:03:58,970 --> 00:04:06,070
Dan dengan yang ditambahkan, misalnya pada Android untuk mencampuradukkan hal-hal di layar admin, sekarang kita dapat menekan

42
00:04:06,430 --> 00:04:09,540
ikon bilah tindakan ini untuk membuka layar.

43
00:04:09,710 --> 00:04:14,540
Sekarang tentu saja di sini tajuknya hilang dan kami akan memperbaikinya tetapi sebelum kami

44
00:04:14,540 --> 00:04:19,120
melakukannya, ada hal lain yang ingin saya perbaiki, cangkir kopi sebenarnya dipotong di

45
00:04:19,130 --> 00:04:25,220
sini di iOS, Anda melihat bahwa G sedikit dipotong off dan selain itu, Anda mungkin telah memperhatikan sebelumnya

46
00:04:25,220 --> 00:04:30,680
bahwa ketika saya memiliki item di troli dan saya menghapusnya, bahwa sebelumnya saya memiliki minus di

47
00:04:31,380 --> 00:04:37,490
sini, sekarang mari kita perbaiki kedua hal tersebut. Untuk cangkir kopi

48
00:04:37,490 --> 00:04:46,400
atau untuk memotong teks, alasannya sederhana. Dalam komponen item produk di sini, kami menetapkan tinggi untuk elemen kami

49
00:04:46,400 --> 00:04:48,420
yang berbeda, seperti gambar

50
00:04:48,550 --> 00:04:56,090
memiliki tinggi 60%, detailnya 15, mari kita berikan 17 itu dan karena itu kurangi dua poin persentase dari tindakan sehingga judul

51
00:04:56,080 --> 00:05:00,440
memiliki sedikit lebih banyak ruang dan ini memastikan bahwa cangkir kopi ada

52
00:05:00,440 --> 00:05:02,540
di sana, itu adalah perbaikan sederhana.

53
00:05:02,540 --> 00:05:05,560
Sekarang untuk kereta, masalahnya adalah di balik

54
00:05:05,570 --> 00:05:07,910
layar ketika bekerja dengan angka floating

55
00:05:07,910 --> 00:05:12,950
point, Javascript tidak memiliki ketepatan yang Anda mungkin ingin memilikinya dan itulah

56
00:05:12,950 --> 00:05:14,630
cara Javascript bekerja

57
00:05:14,630 --> 00:05:16,800
dan oleh karena itu jika

58
00:05:17,000 --> 00:05:21,910
Anda menambahkan dua item dan kemudian menghapus keduanya, Anda benar-benar dapat berakhir

59
00:05:21,920 --> 00:05:29,580
dengan nilai yang di beberapa tempat desimal tidak 0. Sekarang apa yang dapat Anda lakukan untuk memperbaikinya

60
00:05:29,580 --> 00:05:39,550
di layar troli adalah di sini saat Anda mengeluarkan jumlah dengan untuk diperbaiki, Anda benar-benar dapat menggunakan matematika yang dibangun ke dalam Javascript,

61
00:05:39,610 --> 00:05:47,830
bulatkan dan bungkus ini dengan nilai tetap di sini dan kalikan dengan 100 dan sesudahnya, bagi dengan 100.

62
00:05:47,850 --> 00:05:50,580
Ini akan memastikan bahwa Anda tidak pernah berakhir

63
00:05:50,610 --> 00:05:56,420
dengan minus ini, sekali lagi ini ada hubungannya dengan bagaimana Javascript secara internal menangani angka floating point ini.

64
00:05:56,440 --> 00:06:06,210
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

65
00:06:06,210 --> 00:06:07,700
kita menghapus item di

66
00:06:07,710 --> 00:06:13,170
sini, kita harus selalu berakhir dengan nol seperti ini, tidak pernah dengan minus di

67
00:06:13,170 --> 00:06:13,740
depannya.

68
00:06:13,800 --> 00:06:20,070
Jadi itu hanya perbaikan kecil tentang bagaimana kami menampilkan ini dan dengan tweak visual ini keluar dari jalan, mari kita

69
00:06:20,070 --> 00:06:25,470
kembali ke produk pengguna dan pastikan bahwa sekarang kita dapat mencapai edit dan menambahkan layar yang merupakan

70
00:06:25,470 --> 00:06:27,480
satu dan layar yang sama

71
00:06:27,480 --> 00:06:34,940
dari tentu saja, kami juga menunjukkan beberapa input di sana dan kami memuat beberapa data untuk suatu produk yang harus diedit jika perlu.