react-native-card-collection

0.0.13 • Public • Published
React Native Card Collection

Easy to use & Ready to Go Fully Customizable Awesome Card Collections for React Native.

npm version npm Platform - Android and iOS expo-compatible License: MIT styled with prettier

Card

React Native Card Collection

Installation

Add the dependency:

React Native:

npm i react-native-card-collection

Peer Dependencies

IMPORTANT! You need install them.
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 6.4.2",
"react-native-material-ripple": ">= 0.8.0",
"react-native-dynamic-vector-icons": ">= 0.0.3",
"@freakycoder/react-native-helpers": ">= 0.0.12"

Basic Usage

import { Card } from "react-native-card-collection";
import Container from "react-native-card-collection/components/Container/Container";
 
<Card headerText="Device Information">
    <Container title="Device OS" subtitle"iOS" />
</Card>

Advanced Usage

In advanced usage you can use your own component as children it is all depends on you :)

import { Card } from "react-native-card-collection";
import Container from "react-native-card-collection/components/Container/Container";
 
<Card headerText="Device Information">
    {children}
</Card>

Configuration - Props

Card

Property Type Default Description
headerText string "Screen Information" change the Card's title

Card's Container

Property Type Default Description
title string "Device OS" change the Container's title
titleColor color gray change the Container's title color
titleFontSize number 13 change the Container's title font size
titleStyle style default set your own style for the Container's title style
subtitle string "" change the Container's subtitle
subtitleColor string "#222222" change the Container's subtitle color
subtitleFontSize string 15 change the Container's subtitle font size
subtitleStyle style default set your own style for the Container's subtitle style

ToDos

  • LICENSE
  • Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Card Collection Library is available under the MIT license. See the LICENSE file for more info.

Package Sidebar

Install

npm i react-native-card-collection

Weekly Downloads

2

Version

0.0.13

License

MIT

Unpacked Size

38.8 kB

Total Files

19

Last publish

Collaborators

  • freakycoder