Maintenant, une solution rapide que je viens de remarquer que nous devrons mettre en œuvre, notre ombre est partie
ici sur cette page
de catégorie, je ne l'ai pas
remarqué plus tôt, cela se produit parce
que dans la tuile de
grille de catégorie, j'ai ajouté un débordement caché, si je supprime qu'ici, alors nous avons l'ombre en arrière et il est logique
que nous l'obtenions parce qu'avec le débordement caché, nous disons essentiellement l'élément de grille qui est cette vue autour
de tout le reste ici, qui définit essentiellement ce que nous pouvons voir, la
forme de cela définit ce que nous pouvons voir et cela recouvre simplement l'ombre aussi et c'est bien sûr quelque chose que je ne veux pas
nécessairement ici.
Maintenant, bien sûr, le débordement caché est important pour s'assurer que l'effet
d'entraînement fonctionne correctement et la solution est donc très
simple, nous pouvons déplacer notre élévation ici sur cette vue d'élément de grille, qui est cette vue supplémentaire que nous avons ajoutée pour restreindre l'effet
d'entraînement .
Donc, ajoutez l'élévation ici, augmentez-la peut-être à cinq afin que nous puissions la voir
un peu mieux et avec cela, nous pouvons voir que nous aurons de nouveau l'ombre sur Android,
nous avons à nouveau l'ombre.
Maintenant, pour iOS, vous pourriez penser que vous déplacez simplement ces propriétés d'ombre ici sur le même objet de style, donc sur l'élément de grille également, mais
cela
ne fera pas l'affaire comme vous pouvez le dire. Ici sur iOS, nous n'avons toujours pas
d'ombre car là, le débordement caché recadre toujours l'ombre, c'est simplement une petite différence de plateforme
que nous avons mais ce n'est
pas un problème.
Nous pouvons inverser cela, nous pouvons laisser l'ombre sur un conteneur, nous pouvons
également la déplacer ici, cela ne fait aucune différence.
Ce que nous pouvons faire à la place, c'est que nous pouvons tirer parti de la plate-forme et nous assurer que nous
ne définissons le débordement caché que si nous sommes sur Android, car nous n'en avons vraiment besoin que là-bas, nous n'en avons vraiment besoin que pour recadrer
cette forme pour l'effet d'entraînement.
Nous pouvons donc vérifier si la plate-forme. os est égal à Android et en fait, nous n'utilisons l'effet d'entraînement que
si nous sommes sur la
version 21 ou supérieure, donc si la plate-forme. version est supérieure ou égale à 21. Si c'est le cas, nous voulons définir le
débordement sur caché, car nous devons le recadrer pour nous assurer que l'effet d'entraînement fonctionne correctement, sinon nous pouvons le définir
sur visible, ce qui est la valeur par défaut afin que nous n'ayons pas de recadrage, ce qui signifie sur iOS , nous ne définirons pas cela sur caché
et donc sur iOS, nous avons à nouveau l'ombre aussi et sur
Android, nous avons également
l'ombre mais nous avons toujours l'effet d'ondulation correct.
C'est donc une petite amélioration, une
amélioration totalement facultative mais bien sûr là pour corriger notre style que je veux implémenter ici pour nous assurer que
nous avons à nouveau le style que nous voulions.