15

Fully customizable & Lovely Imaged Carousel Card for React Native

 3 years ago
source link: https://reactnativeexample.com/fully-customizable-lovely-imaged-carousel-card-for-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

Author

FreakyCoder, [email protected]

GitHub

https://github.com/WrathChaos/react-native-imaged-carousel-card


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK