Skip to content

Bottom Shadow Clip #59

Open
Open
@oliveirac-ppb

Description

@oliveirac-ppb

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions