官网react native中阴影的样式属性shadow都是只支持iOS不支持Android 

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

目前有个方法，可以让Android有灰色的阴影，但是无法指定Android机上的阴影色值，只能是灰色的默认。

elevation:4   这个属性中的4是代表阴影的高度。且这个属性添加后，不会影响iOS机上的原本的彩色的阴影颜色，只是在Android机上显示的是默认的灰色的阴影。

goods:{
      marginTop:10,
      width:itemWidth,
      height:280,
      borderRadius:6,
      overflow:'hidden',
      marginLeft:12,
      backgroundColor:'#ffffff',
      shadowOffset: {width: 0, height: 5},
      shadowOpacity: 0.5,
      shadowRadius: 5,
      shadowColor: '#ddd',
        //让安卓拥有灰色阴影
      elevation: 4,
}

　　最终效果

React Native在Android上添加阴影效果 随笔

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄