react-native-card-collection

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

MIT License

Downloads
10
Stars
3
Committers
2

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

Card

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, [email protected]

License

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

Package Rankings
Top 16.6% on Npmjs.org
Badges
Extracted from project README
npm version npm License: MIT styled with prettier
Related Projects