Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-native-simple-card-view

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-simple-card-view

Easiest way to add a card view on your screen.

  • 0.3.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
43
decreased by-42.67%
Maintainers
1
Weekly downloads
 
Created
Source

React Native Simple Card View

Easiest way to adding a card view on your screen.

  • Hey, v0.3.0 is now released. You can use new component : CardView See v0.3.0 Features

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
  • 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

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

PropTypeDefaultDescriptionPlatform
widthnumber300Card view widthiOS,Android
heightnumber-Card view heightiOS,Android
paddingnumber5Card view paddingiOS,Android
marginnumber10Card view marginiOS,Android
borderRadiusnumber3Card view border radiusiOS,Android
shadowColorstring`'#000000'Card view shadow coloriOS,Android
shadowOpacitynumber0.3Card vie`w shadow opacityiOS,Android
shadowRadiusnumber3Card view shadow radiusiOS,Android
bgColorstring'#ffffff'Card view background coloriOS,Android
elevationnumber3Only for Android shadow valueAndroid
shadowOffsetWidthnumber3Shadow offset width only for iOSiOS
shadowOffsetHeightnumber3Shadow offset height only for iOSiOS

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

Keywords

FAQs

Package last updated on 28 Mar 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc