[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-imaged-card-view) [![Rising Imaged Card View with Awesome Shadows and Fully Customizable Library for React Native](https://img.shields.io/badge/-Rising%20Imaged%20Card%20View%20with%20Awesome%20Shadows%20and%20Fully%20Customizable%20Library%20for%20React%20Native-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-imaged-card-view) [![npm version](https://img.shields.io/npm/v/react-native-imaged-card-view.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-imaged-card-view) [![npm](https://img.shields.io/npm/dt/react-native-imaged-card-view.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-imaged-card-view) ![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

React Native Imaged Card View

## Installation Add the dependency: **** ### React Native: ```ruby npm i react-native-imaged-card-view ``` ## Peer Dependencies ###### IMPORTANT! You need install them. ``` "react": ">= 16.8.6", "react-native": ">= 0.60.5", "react-native-androw": ">= 0.0.33", "react-number-format": ">= 4.2.0", "react-native-star-review": ">= 0.0.23", "react-native-vector-icons": ">= 6.6.0", "react-native-dynamic-vector-icons": ">= 0.2.1" ``` # Usage ## Import ```js import ImagedCardView from "react-native-imaged-card-view"; ``` # Basic Usage ```js ``` # Fully Customizable Usage ```js ``` ### Configuration - Props | Property | Type | Default | Description | | ------------------- | :------: | :----------------: | ---------------------------------------------- | | width | number | ScreenWidth * 0.75 | change the width of the card | | height | number | 170 | change the height of the card | | title | string | Island Bali | set your own title | | subtitle | string | Indonesia | set your own subtitle | | borderRadius | number | 24 | change the border radius of the card | | titleColor | color | white | change the title text's color | | subtitleColor | color | "#dbdbdb" | change the subtitle text's color | | backgroundColor | color | "#0a96ea" | change the card's background color | | leftSideTitle | string | Days | set your own title for left sided one | | leftSideValue | string | 4 days | set your own title's value for left sided one | | leftSideColor | color | white | set your color for left sided title | | leftSideValueColor | color | white | set your color for left sided value | | rightSideTitle | string | Price | set your own title for right sided one | | rightSideValue | string | $1500 | set your own title's value for right sided one | | rightSideColor | color | white | set your color for right sided title | | rightSideValueColor | color | white | set your color for right sided value | | dividerColor | color | "#c4c4c4" | set your color for divider | | onPress | function | undefined | set your own function for onPress | ## React Native Star Review Props Please check out **[React Native Star Review](https://github.com/WrathChaos/react-native-star-review)** for StarReview Props It is also fully customizable ### Future Plans - [x] LICENSE - [ ] Write an article about the lib on Medium # Change Log Change log will be here ! # Credits I inspired the design by **[Olivia Graphics](https://dribbble.com/shots/6572604-Travel-App-Design)**. Thank you for this awesome design :) ## Author FreakyCoder, kurayogun@gmail.com ## License React Native Imaged Card View is available under the MIT license. See the LICENSE file for more info.