React Native阴影框效果实现
2018-12-29 本文已影响0人
xiaoguo16
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均兼容。其不需要原生支持,可实现一般效果的阴影,可满足通常阴影需求。