開源ReactNative卡片式(Cards)組件,你值得擁有

開源一個跨端的卡片式設計(Cards)的組件,在Android中是Material Design中有一種很個性的設計概念,在使用React-Native跨平臺的開發框架中,卡片樣式在IOS平臺通過設置View的樣式就可以實現類似的效果,比如這樣:

基於此,此開源組件,在IOS端即採用了RN平臺提供的陰影樣式屬性來實現卡片樣式;在Android端採用Android原生support庫在V7引入的原生CardView UI組件,來實現卡片樣式設計的組件​。

Github項目地址: **[react-native-cardview-wayne](https://github.com/wayne214/react-native-cardview-wayne)**

使用​:

import RNCardview from 'react-native-cardview-wayne';
export default class App extends Component {
 render() {
 return (
				
 
 
 CardView for iOS and Android
 
 
 This is test
 
 
 
 );
 }
};

效果如下:

Android:

開源ReactNative卡片式(Cards)組件,你值得擁有

ios:

開源ReactNative卡片式(Cards)組件,你值得擁有

此次重造一個輪子,目的在於學習封裝一個包含原生組件的ReactNative包的開發過程,併發布到npm倉庫。

個人公眾號:君偉說


分享到:


相關文章: