Ora una soluzione rapida che ho appena notato che avremo bisogno di implementare, la nostra ombra è
andata qui in
questa pagina di categoria, non
l'ho notato prima, questo accade perché
nel riquadro della griglia
di categoria, ho aggiunto l'overflow nascosto, se rimuovo che qui, quindi abbiamo l'ombra indietro e ha senso che la
otteniamo perché con overflow nascosto, in pratica diciamo l'elemento griglia che è questa vista intorno a
tutto il resto qui, che sostanzialmente definisce ciò che possiamo vedere, la
forma di questo definisce ciò che possiamo vedere e questo semplicemente ritaglia anche l'ombra e questo è ovviamente qualcosa che non voglio
necessariamente qui.
Ora, ovviamente, l'overflow nascosto è importante sebbene per assicurarsi che l'effetto di ripple
funzioni correttamente e la soluzione quindi sia molto semplice,
possiamo spostare la nostra elevazione qui su questa vista degli elementi della griglia, che è questa vista extra che abbiamo aggiunto per limitare l'effetto di
ondulazione .
Quindi aggiungi l'elevazione lì, forse aumentala a cinque in modo che possiamo vederla
un po 'meglio e con ciò, possiamo vedere che avremo l'ombra di nuovo su Android, ora
abbiamo di nuovo l'ombra.
Ora per iOS, potresti pensare di spostare semplicemente queste proprietà dell'ombra qui sullo stesso oggetto di stile, quindi anche sull'elemento griglia ma
questo
non farà il trucco come puoi dire. Qui su iOS, non abbiamo ancora
ombra perché lì, l'overflow nascosto ritaglia ancora l'ombra, è semplicemente una piccola differenza di
piattaforma che abbiamo ma non
è un problema.
Possiamo ripristinare questo, possiamo lasciare l'ombra su un contenitore,
potremmo anche spostarlo qui, non fa differenza.
Quello che invece possiamo fare è, possiamo sfruttare la piattaforma e assicurarci di impostare l'overflow nascosto solo
se siamo su Android perché ne abbiamo davvero bisogno solo lì, ne abbiamo davvero bisogno solo lì per ritagliare questa forma
per l'effetto a catena.
Quindi possiamo verificare se la piattaforma. os è uguale ad Android e in realtà, utilizziamo l'effetto a
catena solo se siamo sulla
versione 21 o successiva, quindi se piattaforma. la versione è maggiore o uguale a 21. In tal caso, vogliamo impostare l'overflow su
nascosto perché quindi dobbiamo ritagliarlo per assicurarci che l'effetto di ondulazione funzioni correttamente, altrimenti possiamo impostarlo su
visibile, che è l'impostazione predefinita in modo da non avere ritaglio, il che significa su iOS , non imposteremo questo su nascosto e quindi su
iOS, ora abbiamo di nuovo anche l'ombra e su Android,
abbiamo anche l'ombra ma
abbiamo ancora l'effetto di ondulazione corretto.
Quindi questo è un piccolo miglioramento,
un miglioramento totalmente opzionale, ma ovviamente lì per correggere il nostro stile che voglio implementare qui per assicurarci
di avere di nuovo lo stile che volevamo.