react-native-button-component icon indicating copy to clipboard operation
react-native-button-component copied to clipboard

boxShadow is not applied to buttonStyle prop

Open pixelize opened this issue 6 years ago • 2 comments

My test code :

const styles = StyleSheet.create({
  button: {
    shadowColor: "red",
    shadowOffset: {
    width: 0,
    height: 9,
    },
    shadowOpacity: 0.8,
    shadowRadius: 12.35,

    elevation: 19,
  }
});
<ButtonComponent
      buttonStyle={styles.button}
>
</ButtonComponent>

p.s: wonderful job :)

pixelize avatar May 23 '19 13:05 pixelize

what about try style prop?

jacklam718 avatar May 23 '19 13:05 jacklam718

The shadow is visible but it seems there is an overflow: hidden on the button Capture d’écran 2019-05-23 à 15 54 03

but adding overflow: visible to the buttonStyle props makes it work ;) I think this tip could be added to the doc ?

Thanks for the quick answer and keep it up the good job with the plugin, it works like a charme.

Capture d’écran 2019-05-23 à 16 30 36

pixelize avatar May 23 '19 13:05 pixelize