React Native shadow to the top to give "shelf" like effect

I'm trying to recreate the below image using react native shadow. As you can see, with the shadow, it seems like the image object is on top of a white shelf.

Here's my attempt. But my effort lacks short because the top shadow is more like just black spots rather than having like a gradient from above. Any suggestion? Thanks!

const CollectionScreen = () => {    return (<View><View style={{ backgroundColor: 'black', width: 100, height: 100, position: 'absolute', top: 100, left: 100}}/><View style = {styles.shelf}/></View>    );}const styles = StyleSheet.create({    shelf: {        width: 1242,         height: 25,         borderRadius: 5,         backgroundColor: 'white',         position: 'absolute',         top: 200,        shadowColor: "#000",        shadowOffset: {            width: 3,            height: -5,        },        shadowOpacity: 0.25,        shadowRadius: 10,        marginTop: 3     }})