react-native加阴影

 

一  RN自带阴影

RN提供了阴影样式属性，但其仅支持ios平台，在Android中需要使用elevation属性实现，但elevation仅提供一个灰色阴影，视觉效果不好。

部分源码

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

elevation: 5,

二  react-native-shadow

react-native-shadow插件是广为使用的一种阴影插件，ios于Android均兼容。但该插件需要原生支持，如果项目为非原生，则无法使用该方法。

需要加载第三份组件

nom install react-native-shadow
nom install react-native-svg

原生需要link(link如果运行不起来可以看我另一篇踩过的坑，手动link了）

react-native link react-native