Shadows not rendering on Android

phamfoo / react-native-figma-squircle

Figma-flavored squircles for React Native

MIT License

318 stars 15 forks source link

Shadows not rendering on Android #8

Closed alevkov closed 2 years ago

alevkov commented 2 years ago

Versions

"react-native": "0.64.3"
"expo": "43.0.0"
iOS 15
Android 12.0

Screenshots

Screen Shot 2021-12-17 at 9 37 43 PM Screen Shot 2021-12-17 at 9 38 01 PM

Android

Screen Shot 2021-12-17 at 9 22 57 PM Screen Shot 2021-12-17 at 9 37 56 PM

Styles

style={{
  ...
  shadowColor: '#000',
  opacity: 0.4,
  shadowOffset: {
    width: 0,
    height: 5,
  },
  shadowOpacity: 0.34,
  shadowRadius: 6.27,

  elevation: 10,
}}

phamfoo commented 2 years ago

Can you try setting borderRadius in your style to the same value as the cornerRadius?

alevkov commented 2 years ago

@tienphaw worked like a charm. Thank you! 🙏