Installation
Add the dependency:
npm i react-native-imaged-carousel-cardPeer Dependencies
Zero Dependency
Usage
Import
import ImagedCarouselCard from "react-native-imaged-carousel-card";Basic Usage
<ImagedCarouselCard />Advanced Usage
<ImagedCarouselCard
width={200}
height={200}
shadowColor="#051934"
source={{
uri: "",
}}
/>Configuration - Props
| Property | Type | Default | Description |
|---|---|---|---|
| text | string | California Festive 2020 | change the text |
| width | number/string | 300 | change the main card's width |
| height | number/string | 300 | change the main card's height |
| source | asset | default | change the main card's background source |
| borderRadius | number | 16 | change the main card's border radius |
| textStyle | style | default | set your own text style |
| shadowColor | color | #000 | change the shadow color |
| shadowStyle | style | default | set your own shadow style |
| overlayHeight | number | 50 | change the black overlay's height |
| overlayBackgroundColor | color | rgba(0,0,0,0.3) | change the black overlay's background color |
| overlayBorderBottomLeftRadius | number | 16 | change the black overlay's border bottom left radius |
| overlayBorderBottomRightRadius | number | 16 | change the black overlay's border bottom right radius |
| shadowPaddingBottom | number | 18 | This is a need for shadow but you can change it |
Future Plans
-
LICENSE - Typescript Challenge!
- Write an article about the lib on Medium
Author
FreakyCoder, [email protected]
License
React Native Imaged Carousel Card is available under the MIT license. See the LICENSE file for more info.