anastely / react-native-imaged-carousel-card

Fully customizable & Lovely Imaged Carousel Card for React Native

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

• 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.