Search code examples
stylesreact-nativeshadow

Problem with Shadow or Elevation in React-Native

I have a problem with adding shadow to my View Component. here is the style object:

header: {
        width: '95%',
        height: '15%',
        marginTop: 50,
        alignSelf: 'center',
        borderRadius: 20,
        justifyContent: 'center',
        flexDirection: 'row',
        paddingHorizontal: 10,
        elevation: 2,
    },

and it looks like this : enter image description here

and as soon as I add these style properties :

borderWidth: 1,
borderColor: 'white',

it looks better but not the best way: enter image description here

what is my problem? can you help me ?

Solution

  • BackgroundColor:white fixed the problem, thanks to @Ajay