1
00:00:02,360 --> 00:00:08,330
Quindi assicuriamoci di poter andare alla schermata di modifica del prodotto e per quello, ovviamente,

2
00:00:08,330 --> 00:00:17,550
prima di tutto lo riempirò di vita importando React da React e poi anche importando alcune cose da React Native e queste alcune cose

3
00:00:17,850 --> 00:00:24,960
per il momento includerà la vista e il testo e anche un foglio di stile di cui avremo

4
00:00:24,960 --> 00:00:26,610
bisogno in seguito e

5
00:00:26,670 --> 00:00:34,980
quindi qui abbiamo la schermata di modifica del prodotto in cui avrò oggetti di scena e dovremo restituire un po 'di jsx.

6
00:00:34,980 --> 00:00:45,420
Ho impostato il mio oggetto stili qui con Stylesheet. creare così e quindi possiamo esportare la schermata di

7
00:00:45,450 --> 00:00:49,310
modifica del prodotto come predefinita.

8
00:00:49,390 --> 00:00:55,030
Ora qui nel componente stesso, per il momento solo per vedere che funziona,

9
00:00:55,030 --> 00:01:01,990
possiamo generare una vista con un testo lì dentro dove diciamo che la schermata di modifica

10
00:01:01,990 --> 00:01:07,210
del prodotto e più tardi, ovviamente, forniremo cose più utili qui e

11
00:01:07,270 --> 00:01:12,120
ora per andare lì, ancora una volta dobbiamo registrarlo in un

12
00:01:13,150 --> 00:01:18,940
navigatore, fa parte del navigatore dell'amministratore, quindi importiamo questa schermata, importiamo la schermata di

13
00:01:18,940 --> 00:01:29,060
modifica del prodotto dalle schermate modifica utente schermata del prodotto e quindi aggiungiamola qui al navigatore dell'amministratore, magari con modifica prodotto come identificatore,

14
00:01:29,060 --> 00:01:32,330
punta alla schermata di modifica prodotto.

15
00:01:32,330 --> 00:01:37,250
Ora dovremmo essere in grado di spostarci lì, ma ovviamente ora dobbiamo innescare un'azione di navigazione

16
00:01:37,250 --> 00:01:42,320
per raggiungerla ed è qualcosa che voglio fare dalla schermata del prodotto dell'utente quando selezioniamo questo

17
00:01:42,560 --> 00:01:46,060
o quando premiamo modifica, quindi voglio fare la stessa cosa.

18
00:01:46,220 --> 00:01:50,040
Quindi creerò di nuovo una funzione qui in modo

19
00:01:50,240 --> 00:02:00,170
da non duplicare il mio codice, selezionare il prodotto o modificare forse il gestore del prodotto, questa è una funzione in cui mi aspetto

20
00:02:00,200 --> 00:02:01,420
di ottenere

21
00:02:01,460 --> 00:02:11,630
l'ID che voglio modificare, quindi l'ID del prodotto che desidero per modificare e qui, voglio usare la navigazione dei puntelli, navigare alla schermata di modifica

22
00:02:11,780 --> 00:02:17,900
del prodotto, quindi alla schermata con questo identificatore che ovviamente ho perché è l'identificatore che

23
00:02:17,930 --> 00:02:19,330
ho appena registrato

24
00:02:21,370 --> 00:02:24,580
qui e voglio inoltrare l'ID del prodotto qui.

25
00:02:25,730 --> 00:02:30,150
Quindi l'ID che ottengo come argomento qui nella funzione viene inoltrato come parametro di routing, ora modifica

26
00:02:30,200 --> 00:02:33,960
il gestore del prodotto è la funzione che dovrebbe essere eseguita qui quando facciamo

27
00:02:33,980 --> 00:02:40,850
clic sul pulsante Modifica, lì inoltro itemData. articolo. ovviamente io e id facciamo lo stesso qui

28
00:02:40,850 --> 00:02:42,790
in questo gestore di selezione.

29
00:02:45,360 --> 00:02:48,400
Se diamo un'occhiata a questo, torniamo

30
00:02:48,510 --> 00:02:53,630
qui, admin, fai clic qui, la schermata di modifica del prodotto, anche

31
00:02:53,640 --> 00:03:00,030
se faccio clic sul pulsante Modifica, quindi funziona. Ora per aggiungere nuovi prodotti, voglio passare alla stessa schermata

32
00:03:00,080 --> 00:03:05,730
ma senza passare un ID e questo ci permetterà di scoprire se siamo in modalità modifica o aggiunta nella

33
00:03:05,730 --> 00:03:08,940
schermata di modifica prodotto controllando se abbiamo un ID o no.

34
00:03:08,940 --> 00:03:16,560
Quindi, per andare alla schermata di aggiunta di un prodotto, possiamo aggiungere un elemento di azione, quindi un elemento

35
00:03:16,560 --> 00:03:24,280
nella barra di intestazione qui nella schermata del prodotto dell'utente e che dovrebbe essere sulla destra, quindi aggiungerò l'intestazione proprio qui.

36
00:03:25,290 --> 00:03:32,530
Questo è alla fine proprio quello che abbiamo impostato qui, quindi copierò che usando i pulsanti di intestazione ma

37
00:03:32,530 --> 00:03:40,840
l'identificatore qui potrebbe essere aggiunto e l'icona dovrebbe essere md create e ios create per avere quell'icona che segnala che stiamo per

38
00:03:40,840 --> 00:03:47,260
crea qualcosa e anche qui, non commuto il cassetto ma invece chiamo la navigazione e vado a

39
00:03:47,260 --> 00:03:53,650
modificare il prodotto e ora come ho detto importante, senza passare alcun parametro qui perché stiamo aggiungendo

40
00:03:53,650 --> 00:03:57,910
un nuovo prodotto, non passeremo sicuramente qualsiasi ID esistente qui.

41
00:03:58,970 --> 00:04:06,070
E con quello aggiunto, ad esempio su Android per mescolare le cose nella schermata di amministrazione, ora possiamo premere questa icona

42
00:04:06,430 --> 00:04:09,540
della barra delle azioni per andare sullo schermo.

43
00:04:09,710 --> 00:04:14,540
Ora ovviamente qui manca l'intestazione e lo ripareremo ma prima di farlo, c'è qualcos'altro

44
00:04:14,540 --> 00:04:19,120
che voglio riparare, la tazza da caffè è effettivamente tagliata qui su

45
00:04:19,130 --> 00:04:25,220
iOS, vedi che la G è un po 'tagliata spento e in aggiunta a ciò, potresti aver

46
00:04:25,220 --> 00:04:30,680
notato prima che quando avevo degli articoli sul carrello e li rimuovo, che prima avevo un

47
00:04:31,380 --> 00:04:37,490
segno negativo qui, ora sistemiamo entrambe le cose. Per la tazza di caffè

48
00:04:37,490 --> 00:04:46,400
o per il testo tagliato, il motivo è semplice. Nel componente dell'articolo del prodotto qui, assegniamo l'altezza ai nostri diversi elementi, come

49
00:04:46,400 --> 00:04:48,420
se l'immagine avesse un'altezza del

50
00:04:48,550 --> 00:04:56,090
60%, i dettagli fossero 15, diamo quelli 17 e quindi deduciamo due punti percentuali dalle azioni in modo che il titolo abbia un

51
00:04:56,080 --> 00:05:00,440
po ' più spazio e questo assicura che la tazza di caffè sia

52
00:05:00,440 --> 00:05:02,540
lì, è stata una soluzione semplice.

53
00:05:02,540 --> 00:05:05,560
Ora per il carrello, il problema è semplicemente

54
00:05:05,570 --> 00:05:07,910
che dietro le quinte quando si lavora

55
00:05:07,910 --> 00:05:12,950
con numeri in virgola mobile, Javascript non ha la precisione che potresti desiderare e

56
00:05:12,950 --> 00:05:14,630
questo è il

57
00:05:14,630 --> 00:05:16,800
modo in cui Javascript funziona e

58
00:05:17,000 --> 00:05:21,910
quindi se aggiungi due elementi e poi rimuovi entrambi, puoi effettivamente finire con

59
00:05:21,920 --> 00:05:29,580
un valore che in una posizione decimale non è 0. Ora quello che puoi fare per risolvere

60
00:05:29,580 --> 00:05:39,550
questo problema nella schermata del carrello è qui quando pubblichi l'ammontare con fixed, puoi effettivamente usare la matematica che è integrata in

61
00:05:39,610 --> 00:05:47,830
Javascript, arrotondare e racchiuderla qui per valore fisso e moltiplicarla per 100 e successivamente, dividere questo per 100.

62
00:05:47,850 --> 00:05:50,580
Questo ti assicurerà che non finirai mai con questo

63
00:05:50,610 --> 00:05:56,420
meno, ancora una volta ha a che fare con il modo in cui Javascript gestisce internamente questi numeri in virgola mobile.

64
00:05:56,440 --> 00:06:06,210
Quindi ora se aggiungiamo ancora un paio di elementi qui e li aggiungiamo al carrello, questo generalmente sembra buono, quindi la nostra logica funziona ancora, ma

65
00:06:06,210 --> 00:06:07,700
ora se rimuoviamo gli

66
00:06:07,710 --> 00:06:13,170
articoli qui, dovremmo sempre finire con uno zero come questo, mai con un meno di

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

68
00:06:13,800 --> 00:06:20,070
Quindi questo è solo un piccolo miglioramento per quanto riguarda il modo in cui abbiamo prodotto questo e con queste

69
00:06:20,070 --> 00:06:25,470
modifiche visive fuori mano, torniamo ai prodotti dell'utente e assicuriamo che ora che possiamo raggiungere la schermata

70
00:06:25,470 --> 00:06:27,480
di modifica e aggiunta che

71
00:06:27,480 --> 00:06:34,940
è la stessa schermata di Naturalmente, mostriamo anche alcuni input lì e cariciamo alcuni dati per un prodotto che dovrebbe essere modificato se appropriato.