hoanglam10499 / react-native-drop-shadow

https://www.npmjs.com/package/react-native-drop-shadow
MIT License
218 stars 9 forks source link

Shadow is not looking good in an overlapping map markers for Android #15

Open ronjunevaldoz opened 1 year ago

ronjunevaldoz commented 1 year ago

Shadow is not working in google map markers via react-native-maps

https://github.com/react-native-maps/react-native-maps/blob/master/docs/marker.md

For Android

image

shadowProp: {
    shadowColor: Colors.BLACK,
    shadowOffset: { width: 0, height: 4 },
    shadowOpacity: 0.25,
    shadowRadius: 4,
    elevation: 4,
}
// margin has been added due to its not rendered well??
<View style={{margin: 3}}>
      <DropShadow style={styles.shadowProp} >
              ....
      </DropShadow>
</View>

And this is the result when not using margin:3 image

For iOS

Expected behavior - without DropShadow library just using the shadowProp

Screen Shot 2022-11-18 at 4 37 15 PM