Fully customizable Card View for React Native.
npm install @paraboly/react-native-card
Fully customizable Card View for React Native.


!expo-compatible





Finally version 1 is here after 2 years :) Completely re-written with Typescript and much better props and customization options.
- [x] Card
- [x] SimpleCard
Add the dependency:
``ruby`
npm i @paraboly/react-native-card
##### IMPORTANT! You need install them
`bash`
"react-native-vector-icons": ">= 7.1.0",
"react-native-dynamic-vector-icons": ">= 1.1.4",
"@freakycoder/react-native-bounceable": ">= 0.2.4"
Add the dependency:
`ruby`
npm i Paraboly/react-native-card#expo
##### IMPORTANT! You need install them
`bash`
"@freakycoder/react-native-bounceable": ">= 0.2.4"
IconType prop is available to set any icon set from @expo/vector-icons
`jsx
import { Card } from "@paraboly/react-native-card";
title="Title"
description="Main Content"
bottomRightText="30"
onPress={() => {}}
/>;
`
`jsx`
iconName="home"
iconType="Entypo"
topRightText="50/301"
bottomRightText="30 km"
description="Lorem ipsum dolor sit."
onPress={() => {}}
/>
`jsx
import { SimpleCard } from "@paraboly/react-native-card";
`
`jsx``
styles={{ width: 200 }}
/>
- check the code, and yes! :) all of the images, screenshots are directly taken
from the this example. Of course, you can simply clone the project and run the example on your own environment.
#### New Configuration Documentation is available soon
FreakyCoder, kurayogun@gmail.com | kuray.ogun@paraboly.com
Paraboly React Native Card Library is available under the MIT license. See the LICENSE file for more info.