如何在反应原生 Expo 中仅在底部视图上添加阴影

Question

I need to add a shadow only on the bottom of a component for and android device (expo reac native)

I get it always on the 4 sides.

list: {
        display: "flex",
        position: "relative",
        borderRadius: 5,
        margin: 10,

        backgroundColor: "#fff",
        shadowColor: "#000",
        shadowOffset: {
            width: 0,
            height: 2,
        },
        shadowOpacity: 0.25,
        shadowRadius: 3.84,

        elevation: 3,
    },

I am trying something like this in my styles but only seems to work: elevation and shadowColor, the rest of the shadow styles do not seem to do anything in my android emulator (maybe in ios it does)

Answer 1

you are correct, for android the only property available is elevation rest all properties are ios only. you can check here RN- shadow- props

For ios it will be very easy to add shadow at bottom by just passing

shadowOffset:{
height:-20 // whatever you wanna have
}

But for android, you need to have external packages for it to work like rn-shadow-2

Hope it helps. feel free for doubts