callstack / callstack/react-native-paper
Why the more Card components I have, the more elevated they are?
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
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:

If someone knows what is happening, feel free to drop an answer, thanks!
Contributor guide
Assessment
This issue has not been assessed yet.