React Native在Android上添加阴影效果

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

 

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

• 点赞
• 收藏
• 分享
• • 文章举报

卖火柴的小男孩2020

发布了372 篇原创文章 · 获赞 58 · 访问量 20万+

私信 关注

来源：oschina

链接：https://my.oschina.net/u/4255236/blog/3273527