Installation

Add the dependency:

npm i react-native-imaged-carousel-card

Peer 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

• [x] ~~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.