Skip to content
This repository has been archived by the owner. It is now read-only.
Simple card view component for React-Native
Branch: master
Clone or download
Talut TAŞGIRAN
Talut TAŞGIRAN Update LICENSE.md
Latest commit 8bb50c9 Jan 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__ first Feb 16, 2018
docs conflicts resolved Mar 28, 2018
libs conflicts resolved Mar 28, 2018
.babelrc first Feb 16, 2018
.buckconfig first Feb 16, 2018
.flowconfig first Feb 16, 2018
.gitattributes first Feb 16, 2018
.gitignore fixed untracked files Mar 28, 2018
.watchmanconfig
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md Feb 19, 2018
LICENSE.md Update LICENSE.md Jan 24, 2019
README.md cardview docs updated Mar 28, 2018
app.json first Feb 16, 2018
index.js Update documentation for Turkish also updated English docs URls Mar 5, 2018
package.json

README.md

React Native Simple Card View

Easiest way to adding a card view on your screen.

CardViewWithImage Example CardViewWithImage

package info

GitHub stars

Getting Started

via Yarn

yarn add react-native-simple-card-view

via NPM

npm install react-native-simple-card-view

React-Native Link

react-native link

Components

Styling card view

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

Components & Examples

CardView

English Turkish

CardViewWithIcon

English Turkish

CardViewWithImage

English Turkish

v0.3.0 Features

  • CardView component added. (This component can be used for everything you can fill inside)
  • Some unnecessary codes deleted
  • Custom font feature
  • Turkish documentation support

Contributors (Thank you all)

Built With

License

This project is licensed under the MIT License - see the LICENSE.md file for details

You can’t perform that action at this time.