1 00:00:02,250 --> 00:00:08,310 Ora una soluzione rapida che ho appena notato che avremo bisogno di implementare, la nostra ombra è 2 00:00:08,460 --> 00:00:09,880 andata qui in 3 00:00:10,050 --> 00:00:11,970 questa pagina di categoria, non 4 00:00:11,970 --> 00:00:14,210 l'ho notato prima, questo accade perché 5 00:00:14,220 --> 00:00:15,780 nel riquadro della griglia 6 00:00:15,780 --> 00:00:22,860 di categoria, ho aggiunto l'overflow nascosto, se rimuovo che qui, quindi abbiamo l'ombra indietro e ha senso che la 7 00:00:23,250 --> 00:00:29,250 otteniamo perché con overflow nascosto, in pratica diciamo l'elemento griglia che è questa vista intorno a 8 00:00:29,250 --> 00:00:33,650 tutto il resto qui, che sostanzialmente definisce ciò che possiamo vedere, la 9 00:00:33,690 --> 00:00:41,760 forma di questo definisce ciò che possiamo vedere e questo semplicemente ritaglia anche l'ombra e questo è ovviamente qualcosa che non voglio 10 00:00:41,760 --> 00:00:42,750 necessariamente qui. 11 00:00:42,780 --> 00:00:48,780 Ora, ovviamente, l'overflow nascosto è importante sebbene per assicurarsi che l'effetto di ripple 12 00:00:48,960 --> 00:00:53,340 funzioni correttamente e la soluzione quindi sia molto semplice, 13 00:00:53,460 --> 00:01:05,540 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 14 00:01:05,540 --> 00:01:06,860 ondulazione . 15 00:01:06,860 --> 00:01:11,620 Quindi aggiungi l'elevazione lì, forse aumentala a cinque in modo che possiamo vederla 16 00:01:11,750 --> 00:01:17,330 un po 'meglio e con ciò, possiamo vedere che avremo l'ombra di nuovo su Android, ora 17 00:01:17,330 --> 00:01:19,190 abbiamo di nuovo l'ombra. 18 00:01:19,190 --> 00:01:27,140 Ora per iOS, potresti pensare di spostare semplicemente queste proprietà dell'ombra qui sullo stesso oggetto di stile, quindi anche sull'elemento griglia ma 19 00:01:27,160 --> 00:01:27,530 questo 20 00:01:27,540 --> 00:01:32,710 non farà il trucco come puoi dire. Qui su iOS, non abbiamo ancora 21 00:01:32,720 --> 00:01:38,360 ombra perché lì, l'overflow nascosto ritaglia ancora l'ombra, è semplicemente una piccola differenza di 22 00:01:38,360 --> 00:01:40,610 piattaforma che abbiamo ma non 23 00:01:40,850 --> 00:01:42,310 è un problema. 24 00:01:42,350 --> 00:01:45,260 Possiamo ripristinare questo, possiamo lasciare l'ombra su un contenitore, 25 00:01:45,260 --> 00:01:47,610 potremmo anche spostarlo qui, non fa differenza. 26 00:01:47,840 --> 00:01:53,690 Quello che invece possiamo fare è, possiamo sfruttare la piattaforma e assicurarci di impostare l'overflow nascosto solo 27 00:01:53,690 --> 00:02:00,590 se siamo su Android perché ne abbiamo davvero bisogno solo lì, ne abbiamo davvero bisogno solo lì per ritagliare questa forma 28 00:02:00,740 --> 00:02:02,300 per l'effetto a catena. 29 00:02:02,300 --> 00:02:09,470 Quindi possiamo verificare se la piattaforma. os è uguale ad Android e in realtà, utilizziamo l'effetto a 30 00:02:09,470 --> 00:02:11,300 catena solo se siamo sulla 31 00:02:11,300 --> 00:02:18,020 versione 21 o successiva, quindi se piattaforma. la versione è maggiore o uguale a 21. In tal caso, vogliamo impostare l'overflow su 32 00:02:18,020 --> 00:02:23,660 nascosto perché quindi dobbiamo ritagliarlo per assicurarci che l'effetto di ondulazione funzioni correttamente, altrimenti possiamo impostarlo su 33 00:02:23,930 --> 00:02:31,940 visibile, che è l'impostazione predefinita in modo da non avere ritaglio, il che significa su iOS , non imposteremo questo su nascosto e quindi su 34 00:02:31,940 --> 00:02:35,320 iOS, ora abbiamo di nuovo anche l'ombra e su Android, 35 00:02:35,480 --> 00:02:36,970 abbiamo anche l'ombra ma 36 00:02:36,980 --> 00:02:39,110 abbiamo ancora l'effetto di ondulazione corretto. 37 00:02:39,350 --> 00:02:41,160 Quindi questo è un piccolo miglioramento, 38 00:02:41,750 --> 00:02:46,910 un miglioramento totalmente opzionale, ma ovviamente lì per correggere il nostro stile che voglio implementare qui per assicurarci 39 00:02:46,910 --> 00:02:49,250 di avere di nuovo lo stile che volevamo.