0.0.2 • Published 4 years ago

react-native-imaged-card v0.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

Battle Tested ✅

Beautiful and Fully Customizable Imaged Card for React Native

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

Installation

Add the dependency:

npm i react-native-imaged-card

Peer Dependencies

IMPORTANT! You need install them
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 6.6.0",
"react-native-dynamic-vector-icons": ">= 0.1.1"

Usage

Import

import ImagedCard from "react-native-imaged-card";

Basic Usage

<ImagedCard stars={5} title="Nuts />

Configuration - Props

PropertyTypeDefaultDescription
starsnumber5change the rendering of star count
starColorcolor#e58450change the stars colors
titleTextstringPine Nutuse this to set title's text
descTextstringPine nut, also known as Castanea mollissima ...use this to set description's text
regionTextstringAlaskanuse this to set region's text
subregionTextstring350guse this to set subregion's text
backgroundColorcolor#fffae8change the main background color
dividerStylestyledefaultchange the divider's view style
titleTextStylestyledefaultchange the title's text style
descTextStylestyledefaultchange the description's text style
imageSourceassetundefinedset your own image for the top one
regionTextStylestyledefaultchange the region's text style
subregionTextStylestyledefaultchange the subregion's text style

Future Plans

  • LICENSE
  • Write an article about the lib on Medium

Credits

Thank you for this awesome inspiration. Designed by Enhuy

Author

FreakyCoder, kurayogun@gmail.com

License

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