react-native-paper
react-native-paper copied to clipboard
Elevation prop does not work for M2 theme
Current behaviour
According to documentation
"In version 2 the elevation prop was accepted via style prop i.e. style={{ elevation: 4 }}.
It's no longer supported with theme version 3 and you should use elevation property instead."
But in reality, even if we use style with elevation: 0. it does not affect the button at all.
Expected behaviour
After adding the style={{ elevation: 0 }} on M2 themed contained button it should not contain any shadows, and must behave like a flat button.
How to reproduce?
- use Button component with
mode=contained - make sure to have theme version 2 enabled
- add
style={{ elevation: 0 }}to the Button
Reproduced Snack
https://snack.expo.dev/@stanwar/react-native-paper-m2-button-issue
Preview
What have you tried so far?
Your Environment
| software | version |
|---|---|
| ios | N/A |
| android | 14 |
| react-native | 0.73.6 |
| react-native-paper | 5.12.3 |
| node | 20.11.1 |
| npm or yarn | 1.22.22 (Yarn) |
| expo sdk | None (bare project) |