React Native中的扁平纸影，如何实现？

Question

  

我是新来的本地人，我想创建一个视图展示。我是   附上下面的图片：-

对于该解决方案，我只是想添加类似于阴影的图像，但是还有其他方法可以通过使用任何样式表来创建此图像吗？

我在这里给出的CSS视图代码

<View style={{width: '100%', height: 90, flexDirection:'row',marginBottom:15,flex:1}}>
   <View style={{flex:2,backgroundColor:"#388E3C"}}></View>
   <View style={{flex:5,backgroundColor:"#66BB6A"}}></View>
</View>

我的全屏显示在这里：-

Answer 1

如果要创建视图的阴影，则应使用：

const shadowStyle = {

shadowColor: "#000",
shadowOffset: {
    width: 0,
    height: 5,
},
shadowOpacity: 0.34,
shadowRadius: 6.27,

elevation: 10,
}
<View style={shadowStyle}/>