React Native Imaged Carousel Card Save
Fully customizable & Lovely Imaged Carousel Card for React Native
Project README
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.
Open Source Agenda is not affiliated with "React Native Imaged Carousel Card" Project. README Source: WrathChaos/react-native-imaged-carousel-card
Stars
100
Open Issues
1
Last Commit
10 months ago
Repository
License
Homepage
Open Source Agenda Badge
