Skip to content

Bottom Shadow Clip#59

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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