React native elevation increases as going to bottom

This is the code I used for the elevation

                <View
                    style={[
                    {
                    backgroundColor: '#ffffff',
                    width: 30,
                    height: 30,
                    borderRadius: 15,

                    shadowColor: '#000',
                    shadowOffset: {
                        width: 0,
                        height: 2,
                    },
                    shadowOpacity: 0.25,
                    shadowRadius: 3.84,
                    elevation: 5,
                    },
                    ]}
                >

Image of shadow

You can clearly see the difference between these shadows.

I am using the same component multiple time in scrollView as below:-

The Image of my scrollView