美文网首页react-native
React Native阴影框效果实现

React Native阴影框效果实现

作者: xiaoguo16 | 来源:发表于2018-12-29 17:53 被阅读0次
    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均兼容。其不需要原生支持,可实现一般效果的阴影,可满足通常阴影需求。

    相关文章

      网友评论

        本文标题:React Native阴影框效果实现

        本文链接:https://www.haomeiwen.com/subject/dkvzkqtx.html