Quindi assicuriamoci di poter andare alla schermata di modifica del prodotto e per quello, ovviamente,
prima di tutto lo riempirò di vita importando React da React e poi anche importando alcune cose da React Native e queste alcune cose
per il momento includerà la vista e il testo e anche un foglio di stile di cui avremo
bisogno in seguito e
quindi qui abbiamo la schermata di modifica del prodotto in cui avrò oggetti di scena e dovremo restituire un po 'di jsx.
Ho impostato il mio oggetto stili qui con Stylesheet. creare così e quindi possiamo esportare la schermata di
modifica del prodotto come predefinita.
Ora qui nel componente stesso, per il momento solo per vedere che funziona,
possiamo generare una vista con un testo lì dentro dove diciamo che la schermata di modifica
del prodotto e più tardi, ovviamente, forniremo cose più utili qui e
ora per andare lì, ancora una volta dobbiamo registrarlo in un
navigatore, fa parte del navigatore dell'amministratore, quindi importiamo questa schermata, importiamo la schermata di
modifica del prodotto dalle schermate modifica utente schermata del prodotto e quindi aggiungiamola qui al navigatore dell'amministratore, magari con modifica prodotto come identificatore,
punta alla schermata di modifica prodotto.
Ora dovremmo essere in grado di spostarci lì, ma ovviamente ora dobbiamo innescare un'azione di navigazione
per raggiungerla ed è qualcosa che voglio fare dalla schermata del prodotto dell'utente quando selezioniamo questo
o quando premiamo modifica, quindi voglio fare la stessa cosa.
Quindi creerò di nuovo una funzione qui in modo
da non duplicare il mio codice, selezionare il prodotto o modificare forse il gestore del prodotto, questa è una funzione in cui mi aspetto
di ottenere
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
del prodotto, quindi alla schermata con questo identificatore che ovviamente ho perché è l'identificatore che
ho appena registrato
qui e voglio inoltrare l'ID del prodotto qui.
Quindi l'ID che ottengo come argomento qui nella funzione viene inoltrato come parametro di routing, ora modifica
il gestore del prodotto è la funzione che dovrebbe essere eseguita qui quando facciamo
clic sul pulsante Modifica, lì inoltro itemData. articolo. ovviamente io e id facciamo lo stesso qui
in questo gestore di selezione.
Se diamo un'occhiata a questo, torniamo
qui, admin, fai clic qui, la schermata di modifica del prodotto, anche
se faccio clic sul pulsante Modifica, quindi funziona. Ora per aggiungere nuovi prodotti, voglio passare alla stessa schermata
ma senza passare un ID e questo ci permetterà di scoprire se siamo in modalità modifica o aggiunta nella
schermata di modifica prodotto controllando se abbiamo un ID o no.
Quindi, per andare alla schermata di aggiunta di un prodotto, possiamo aggiungere un elemento di azione, quindi un elemento
nella barra di intestazione qui nella schermata del prodotto dell'utente e che dovrebbe essere sulla destra, quindi aggiungerò l'intestazione proprio qui.
Questo è alla fine proprio quello che abbiamo impostato qui, quindi copierò che usando i pulsanti di intestazione ma
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
crea qualcosa e anche qui, non commuto il cassetto ma invece chiamo la navigazione e vado a
modificare il prodotto e ora come ho detto importante, senza passare alcun parametro qui perché stiamo aggiungendo
un nuovo prodotto, non passeremo sicuramente qualsiasi ID esistente qui.
E con quello aggiunto, ad esempio su Android per mescolare le cose nella schermata di amministrazione, ora possiamo premere questa icona
della barra delle azioni per andare sullo schermo.
Ora ovviamente qui manca l'intestazione e lo ripareremo ma prima di farlo, c'è qualcos'altro
che voglio riparare, la tazza da caffè è effettivamente tagliata qui su
iOS, vedi che la G è un po 'tagliata spento e in aggiunta a ciò, potresti aver
notato prima che quando avevo degli articoli sul carrello e li rimuovo, che prima avevo un
segno negativo qui, ora sistemiamo entrambe le cose. Per la tazza di caffè
o per il testo tagliato, il motivo è semplice. Nel componente dell'articolo del prodotto qui, assegniamo l'altezza ai nostri diversi elementi, come
se l'immagine avesse un'altezza del
60%, i dettagli fossero 15, diamo quelli 17 e quindi deduciamo due punti percentuali dalle azioni in modo che il titolo abbia un
po ' più spazio e questo assicura che la tazza di caffè sia
lì, è stata una soluzione semplice.
Ora per il carrello, il problema è semplicemente
che dietro le quinte quando si lavora
con numeri in virgola mobile, Javascript non ha la precisione che potresti desiderare e
questo è il
modo in cui Javascript funziona e
quindi se aggiungi due elementi e poi rimuovi entrambi, puoi effettivamente finire con
un valore che in una posizione decimale non è 0. Ora quello che puoi fare per risolvere
questo problema nella schermata del carrello è qui quando pubblichi l'ammontare con fixed, puoi effettivamente usare la matematica che è integrata in
Javascript, arrotondare e racchiuderla qui per valore fisso e moltiplicarla per 100 e successivamente, dividere questo per 100.
Questo ti assicurerà che non finirai mai con questo
meno, ancora una volta ha a che fare con il modo in cui Javascript gestisce internamente questi numeri in virgola mobile.
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
ora se rimuoviamo gli
articoli qui, dovremmo sempre finire con uno zero come questo, mai con un meno di
fronte.
Quindi questo è solo un piccolo miglioramento per quanto riguarda il modo in cui abbiamo prodotto questo e con queste
modifiche visive fuori mano, torniamo ai prodotti dell'utente e assicuriamo che ora che possiamo raggiungere la schermata
di modifica e aggiunta che
è la stessa schermata di Naturalmente, mostriamo anche alcuni input lì e cariciamo alcuni dati per un prodotto che dovrebbe essere modificato se appropriato.