React Native阴影框效果实现

React Native实现阴影框方法如下图，下面分别对其进行讨论：

RN阴影实现.png

RN自带阴影

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

react-native-shadow

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

react-native-shadow-cards

react-native-shadow-cards实现了一个阴影框，ios与Android均兼容。其不需要原生支持，可实现一般效果的阴影，可满足通常阴影需求。