🦄 This is a wonderful animated carsouel hooks component for React-Native
✨ Carousel display animation component developed for React Native
👨🏻💻 Powered by Voyz Shen
🏫 Shanghai Jiao Tong University, Ctrip
npm i react-native-animated-carousel --save
import AnimatedCarousel from 'react-native-animated-carousel'
const testData = [
{
title:'医疗',
subTitle:'副标题1',
bgImage:'https://i.loli.net/2020/09/17/qxoJu8G3fe97lrc.png',
jumpUrl:''
},
...
{
title:'生活',
subTitle:'副标题12',
bgImage:'https://i.loli.net/2020/09/17/rgiPpKRafObAQvN.png',
jumpUrl:''
}
]
...
<AnimatedCarousel cardList={testData} ></AnimatedCarousel>
Prop | Default | Options | Type | Description |
---|---|---|---|---|
cardList | / | / | Array | data of cards |
卡片数据 |
Prop | Default | Options | Type | Description |
---|---|---|---|---|
title | / | / | String | title of card |
subTitle | / | / | String | subtitle of card |
bgImage | / | / | String | background image of card |
jumpUrl | / | / | String | jump URL of card |
Author: Voyzz
Source Code: https://github.com/Voyzz/react-native-animated-carousel
#react-native #react #mobile-apps