This repository was archived by the owner on Apr 16, 2019. It is now read-only.
- Notifications
You must be signed in to change notification settings - Fork12
Simple card view component for React-Native
License
NotificationsYou must be signed in to change notification settings
talut/react-native-simple-card-view
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Easiest way to adding a card view on your screen.
- Hey, v0.3.0 is now released. You can use new component : CardViewSee v0.3.0 Features
via Yarn
yarn add react-native-simple-card-viewvia NPM
npm install react-native-simple-card-viewReact-Native Link
react-native link- CardViewWithIcon (See documentation of usage)
- CardViewWithImage (See documentation of usage)
- CardView (Place your component to inside of CardView)
- CardViewWithAnimation or Adding animation support to CardViewWithIcon, CardViewWithImage, ArticleCardView
You can create an object, who has the card view styles.Then you can give that object to style props. Card view style object can have the following attributes
| Prop | Type | Default | Description | Platform |
|---|---|---|---|---|
width | number | 300 | Card view width | iOS,Android |
height | number | - | Card view height | iOS,Android |
padding | number | 5 | Card view padding | iOS,Android |
margin | number | 10 | Card view margin | iOS,Android |
borderRadius | number | 3 | Card view border radius | iOS,Android |
shadowColor | string | `'#000000' | Card view shadow color | iOS,Android |
shadowOpacity | number | 0.3 | Card vie`w shadow opacity | iOS,Android |
shadowRadius | number | 3 | Card view shadow radius | iOS,Android |
bgColor | string | '#ffffff' | Card view background color | iOS,Android |
elevation | number | 3 | Only for Android shadow value | Android |
shadowOffsetWidth | number | 3 | Shadow offset width only for iOS | iOS |
shadowOffsetHeight | number | 3 | Shadow offset height only for iOS | iOS |
- CardView component added. (This component can be used for everything you can fill inside)
- Some unnecessary codes deleted
- Custom font feature
- Turkish documentation support
- React-Native
- React-Native-Vector-Icons - Customizable Icons for React Native
This project is licensed under the MIT License - see theLICENSE.md file for details
About
Simple card view component for React-Native
Topics
Resources
License
Code of conduct
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.