Agora, uma solução rápida que acabei de perceber que precisaremos implementar, nossa sombra desapareceu aqui nesta
página de categoria,
não percebi isso anteriormente, isso
acontece porque no bloco de grade
da categoria, adicionei o
estouro oculto, se eu remover que aqui, então, temos a sombra de volta e faz sentido obtê-la, porque com
o estouro oculto, basicamente dizemos o item da grade que é essa visão em torno de
tudo o resto aqui, que basicamente define o que podemos ver, a
forma disso define o que podemos ver e isso simplesmente cultiva a sombra também e isso é algo que eu não necessariamente
quero aqui.
Agora, é claro, o estouro oculto é importante, porém, para garantir que
o efeito cascata funcione corretamente e a solução seja
muito simples, podemos mover nossa elevação aqui para essa visualização de item da grade, que é essa visualização extra que adicionamos para restringir o efeito
cascata .
Então adicione a elevação lá, talvez aumente para cinco para que possamos ver
um pouco melhor e com isso, podemos ver que teremos a sombra de volta no Android,
temos a sombra agora novamente.
Agora, para iOS, você pode simplesmente mover essas propriedades de sombra aqui para o mesmo objeto de estilo, também para o item de grade,
mas
isso não funcionará como você pode saber. Aqui no iOS, ainda não temos sombra,
porque lá, o excesso oculto ainda corta a sombra, isso é simplesmente uma pequena diferença
de plataforma que temos, mas isso
não é problema.
Podemos reverter isso, podemos deixar a sombra em um contêiner,
também podemos movê-lo aqui, não faz diferença.
Em vez disso, o que podemos fazer é aproveitar a plataforma e garantir que apenas oculte
o estouro se estivermos no Android, porque realmente precisamos dela apenas lá, só precisamos dela para cortar essa forma
para o efeito cascata.
Para que possamos verificar se a plataforma. os é igual ao Android e, na verdade, só usamos o
efeito cascata se estivermos na
versão 21 ou superior, portanto, na plataforma. versão é maior ou igual a 21. Se for esse o caso, queremos definir
o estouro como oculto, pois precisamos recortá-lo para garantir que o efeito cascata funcione corretamente; caso contrário, podemos
definir como visível, que é o padrão, para que não haja recorte, o que significa no iOS , não definiremos isso como oculto e, portanto, no
iOS, agora também temos a sombra e no Android, também temos
a sombra, mas ainda
temos o efeito de ondulação correto.
Então isso é uma pequena melhoria,
uma melhoria totalmente opcional, mas é claro que existe para corrigir nosso estilo, que eu quero implementar aqui,
para garantir que tenhamos o estilo novamente desejado.