Remove default shadow on iOS view components

Asked Jan 29 '19 at 13:01

Active Jan 29 '19 at 13:22

Viewed 132 times

I notice that iOS is setting a default shadow in its views in my app that i'm building using react native. While on the android version it is rendering correctly without any shadows, on iOS, even if I set all the shadow styles with value of 0 and transparent, it still shows a subtle shadow, as you can see in the images below

On Android you can see a View with the same color os the background image, no shadow is seen:

On iOS you can clearly see the shadow around the view, even if I set all shadow styles with 0 value

And here is the style applied to the view:

height: 50, 
backgroundColor: Colors.background
shadowColor: 'transparent',
shadowOffset: { width: 0, height: 0 },
shadowOpacity: 0,
shadowRadius: 0,
elevation: 0

Any idea in how i can remove this default shadows on iOS?

Thanks in advance!

edited Jan 29 '19 at 13:22

asked Jan 29 '19 at 13:01

Kaleb Portilho

1,181
16
20

can you share style of view about shadow? – sdkcy Jan 29 '19 at 13:16
Sure, I added it to the question – Kaleb Portilho Jan 29 '19 at 13:20
Your shared style must work. Are you sure give that style to right view? Because this is absolutely hide your shadow. You can check from toggle inspector. – sdkcy Jan 29 '19 at 13:29
Yes... for me it still appears the shadow. – Kaleb Portilho Jan 29 '19 at 14:21
Probably you can find easily shadowed style View in your code. But if you dont, you can share as a snack.expo. So we can solve. Good luck :) – sdkcy Jan 29 '19 at 14:31

Remove default shadow on iOS view components

0 Answers0