1
00:00:02,250 --> 00:00:08,310
Agora, uma solução rápida que acabei de perceber que precisaremos implementar, nossa sombra desapareceu aqui nesta

2
00:00:08,460 --> 00:00:09,880
página de categoria,

3
00:00:10,050 --> 00:00:11,970
não percebi isso anteriormente, isso

4
00:00:11,970 --> 00:00:14,210
acontece porque no bloco de grade

5
00:00:14,220 --> 00:00:15,780
da categoria, adicionei o

6
00:00:15,780 --> 00:00:22,860
estouro oculto, se eu remover que aqui, então, temos a sombra de volta e faz sentido obtê-la, porque com

7
00:00:23,250 --> 00:00:29,250
o estouro oculto, basicamente dizemos o item da grade que é essa visão em torno de

8
00:00:29,250 --> 00:00:33,650
tudo o resto aqui, que basicamente define o que podemos ver, a

9
00:00:33,690 --> 00:00:41,760
forma disso define o que podemos ver e isso simplesmente cultiva a sombra também e isso é algo que eu não necessariamente

10
00:00:41,760 --> 00:00:42,750
quero aqui.

11
00:00:42,780 --> 00:00:48,780
Agora, é claro, o estouro oculto é importante, porém, para garantir que

12
00:00:48,960 --> 00:00:53,340
o efeito cascata funcione corretamente e a solução seja

13
00:00:53,460 --> 00:01:05,540
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

14
00:01:05,540 --> 00:01:06,860
cascata .

15
00:01:06,860 --> 00:01:11,620
Então adicione a elevação lá, talvez aumente para cinco para que possamos ver

16
00:01:11,750 --> 00:01:17,330
um pouco melhor e com isso, podemos ver que teremos a sombra de volta no Android,

17
00:01:17,330 --> 00:01:19,190
temos a sombra agora novamente.

18
00:01:19,190 --> 00:01:27,140
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,

19
00:01:27,160 --> 00:01:27,530
mas

20
00:01:27,540 --> 00:01:32,710
isso não funcionará como você pode saber. Aqui no iOS, ainda não temos sombra,

21
00:01:32,720 --> 00:01:38,360
porque lá, o excesso oculto ainda corta a sombra, isso é simplesmente uma pequena diferença

22
00:01:38,360 --> 00:01:40,610
de plataforma que temos, mas isso

23
00:01:40,850 --> 00:01:42,310
não é problema.

24
00:01:42,350 --> 00:01:45,260
Podemos reverter isso, podemos deixar a sombra em um contêiner,

25
00:01:45,260 --> 00:01:47,610
também podemos movê-lo aqui, não faz diferença.

26
00:01:47,840 --> 00:01:53,690
Em vez disso, o que podemos fazer é aproveitar a plataforma e garantir que apenas oculte

27
00:01:53,690 --> 00:02:00,590
o estouro se estivermos no Android, porque realmente precisamos dela apenas lá, só precisamos dela para cortar essa forma

28
00:02:00,740 --> 00:02:02,300
para o efeito cascata.

29
00:02:02,300 --> 00:02:09,470
Para que possamos verificar se a plataforma. os é igual ao Android e, na verdade, só usamos o

30
00:02:09,470 --> 00:02:11,300
efeito cascata se estivermos na

31
00:02:11,300 --> 00:02:18,020
versão 21 ou superior, portanto, na plataforma. versão é maior ou igual a 21. Se for esse o caso, queremos definir

32
00:02:18,020 --> 00:02:23,660
o estouro como oculto, pois precisamos recortá-lo para garantir que o efeito cascata funcione corretamente; caso contrário, podemos

33
00:02:23,930 --> 00:02:31,940
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

34
00:02:31,940 --> 00:02:35,320
iOS, agora também temos a sombra e no Android, também temos

35
00:02:35,480 --> 00:02:36,970
a sombra, mas ainda

36
00:02:36,980 --> 00:02:39,110
temos o efeito de ondulação correto.

37
00:02:39,350 --> 00:02:41,160
Então isso é uma pequena melhoria,

38
00:02:41,750 --> 00:02:46,910
uma melhoria totalmente opcional, mas é claro que existe para corrigir nosso estilo, que eu quero implementar aqui,

39
00:02:46,910 --> 00:02:49,250
para garantir que tenhamos o estilo novamente desejado.