react-native

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均兼容。其不需要原生支持,可实现一般效果的阴影,可满足通常阴影需求。

上一篇下一篇

猜你喜欢

热点阅读