BorderRadius doesn't work on Android

[MagnasiePro]

It's seems that using a borderRadius in style props of DropShadow doesn't work on Android.

[ovsiannykov]

It doesn't work for me either. There are variants?

[andrecrimb]

Any updates about this one?

[EslamDarwish]

For Android: Make the DropShadownode hold only the shadow-related props like shadowColor and pass the rest to a child component. This way, you can avoid problems in borderRadius and backgroundColor, which are the actual causes of the problem also it solves overlapping shadows between parents and children.

For iOS: You can safely pass all props to the Shadow node, but you need always to have a backgroundColor as a default value to avoid any issues.

Platform.OS === "android"? (
  <DropShadow {...shadowProps}>
    <View {...props}>{props.children}</View>
  </DropShadow >
) : (
  <DropShadow {...props} {...shadowProps)}>
    {props.children}
  </DropShadow >
)