Description
Describe the bug
Hey everyone! 🤚
Currently, I'm using your library's most recent version, and I noticed that some shadows are being clipped at the bottom of the view where I'm trying to apply the shadow.
The strange thing is... I'm using the following component in different views, and in some of them, the shadow is being displayed as expected, but in other times, not really:
<ShadowedView style={styles.shadow}>
<View style={styles.view}/>
</ShadowedView>
As you can see, it's a simple view wrapped in a ShadowView component and the respective styles are as follows:
shadow: {
...shadowStyle({
color: "red",
opacity: 1,
radius: 4,
offset: [0, 0],
}),
},
view: {
height: 40,
borderRadius: 8,
backgroundColor: "white"
},
When Working | When Clipped |
---|---|
![]() |
![]() |
To reproduce
Not sure what is causing this issue... I'm still investigating, but it seems something in some views is causing a side effect on your library. Perhaps someone has already encountered a similar issue, so I'm reporting it.
Expected behavior
The shadow should not be clipped and should be similar to the following one:
Your environment
React Native version:
react-native: 0.73.8