开源一个跨端的卡片式设计(Cards)的组件,在Android中是Material Design中有一种很个性的设计概念,在使用React-Native跨平台的开发框架中,卡片样式在IOS平台通过设置View的样式就可以实现类似的效果,比如这样:
1 | <View style={{ |
基于此,此开源组件,在IOS端即采用了RN平台提供的阴影样式属性来实现卡片样式;在Android端采用Android原生support库在V7引入的原生CardView UI组件,来实现卡片样式设计的组件。
Github项目地址: react-native-cardview-wayne
使用:
1 | import RNCardview from 'react-native-cardview-wayne'; |
效果如下:
Android:
ios:
此次重造一个轮子,目的在于学习封装一个包含原生组件的ReactNative包的开发过程,并发布到npm仓库。
个人公众号:君伟说, 欢迎大家关注。