0.0.13 • Published 5 years ago

react-native-card-collection v0.0.13

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

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

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

PropertyTypeDefaultDescription
headerTextstring"Screen Information"change the Card's title

Card's Container

PropertyTypeDefaultDescription
titlestring"Device OS"change the Container's title
titleColorcolorgraychange the Container's title color
titleFontSizenumber13change the Container's title font size
titleStylestyledefaultset your own style for the Container's title style
subtitlestring""change the Container's subtitle
subtitleColorstring"#222222"change the Container's subtitle color
subtitleFontSizestring15change the Container's subtitle font size
subtitleStylestyledefaultset 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.