callstack / callstack/react-native-paper

Why the more Card components I have, the more elevated they are?

Offen
#4,484 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
question
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

Hello,

I just realized something weird on Android 14 (but it might happen on any device): The more I display a Card component, the more elevated it gets.

So for example, I map through data and display a Card component for each data, one below another.

So I have, let's say, 8 times the exact same component but still, they don't have the same elevation. The one at the top has almost no shadow and the last one has a huge shadow. I tried setting elevation={1} but it does the same. Only elevation={0}, which removes the elevation completely, works fine and all cards component are consistent with no shadow.

Am I doing something wrong or am I missing something? I can't seem to find a fix for this behavior.

See the screenshot below for more details, elevation is set to 5 and all components are the exact same component with the same style:

![image](https://github.com/user-attachments/assets/1c7ec5d1-8708-4792-84e5-1570a1a57dec)

If someone knows what is happening, feel free to drop an answer, thanks!

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.