Nun eine schnelle Lösung, die ich gerade bemerkt habe, dass wir sie implementieren müssen. Unser Schatten ist hier
auf dieser Kategorieseite verschwunden.
Ich habe dies früher nicht
bemerkt. Dies geschieht, weil ich in der
Kategorie-Raster-Kachel einen Überlauf versteckt
hinzugefügt habe, wenn ich ihn entferne dass hier, dann haben wir den Schatten zurück und es macht Sinn, dass wir
ihn bekommen, weil wir mit verstecktem Überlauf im Grunde das Gitterelement sagen, das diese Ansicht um alles
andere hier ist, das im Grunde definiert, was wir sehen können, die
Form davon definiert Was wir sehen können und dies beschneidet einfach auch den Schatten und das ist natürlich etwas, was ich hier nicht
unbedingt will.
Jetzt ist natürlich ein versteckter Überlauf wichtig. Um sicherzustellen, dass der
Welligkeitseffekt korrekt funktioniert und die Lösung daher sehr
einfach ist, können wir unsere Höhe hier auf diese Rasterelementansicht verschieben. Dies ist diese zusätzliche Ansicht, die wir hinzugefügt haben, um den Welligkeitseffekt
einzuschränken .
Fügen Sie also die Höhe dort hinzu, erhöhen Sie sie möglicherweise auf fünf, damit wir sie
ein bisschen besser sehen können, und damit können wir sehen, dass wir den Schatten wieder auf Android haben, wir
haben den Schatten jetzt wieder.
Für iOS könnte man denken, dass Sie diese Schatteneigenschaften hier einfach auf dasselbe Stilobjekt verschieben, also auch auf ein Rasterelement, aber dies
reicht nicht aus, wie Sie sehen können.
Hier auf iOS haben wir immer noch keinen Schatten, weil dort der verborgene Überlauf immer noch den Schatten beschneidet. Das
ist einfach ein kleiner Plattformunterschied, den wir haben,
aber das ist kein Problem.
Wir können dies rückgängig machen, wir können den Schatten auf einem Container lassen,
wir könnten ihn auch hierher verschieben, macht keinen Unterschied.
Stattdessen können wir die Plattform nutzen und sicherstellen, dass der Überlauf nur dann ausgeblendet wird, wenn
wir auf Android arbeiten, da wir ihn wirklich nur dort benötigen. Wir brauchen ihn wirklich nur dort, um diese Form
für den Welleneffekt zuzuschneiden.
So können wir prüfen, ob Plattform. os ist gleich Android und tatsächlich verwenden wir den Ripple-Effekt nur,
wenn wir auf Version
21 oder höher sind, also wenn Plattform. Version ist größer oder gleich 21. Wenn dies der Fall ist, möchten wir den
Überlauf auf "Ausgeblendet" setzen, da wir ihn dann zuschneiden müssen, um sicherzustellen, dass der Welligkeitseffekt ordnungsgemäß funktioniert. Andernfalls können
wir ihn auf "Sichtbar" setzen. Dies ist die Standardeinstellung, damit wir nicht beschneiden, was unter iOS bedeutet , wir setzen dies nicht auf versteckt und daher haben wir
unter iOS jetzt auch wieder den Schatten und unter Android haben wir
auch den Schatten, aber
wir haben immer noch den richtigen Welleneffekt.
Das ist also eine kleine Verbesserung,
eine völlig optionale Verbesserung, aber natürlich, um unser Styling zu korrigieren, das ich hier implementieren möchte, um sicherzustellen, dass
wir wieder den Stil haben, den wir wollten.