Github仓库: https://github.com/Voyzz/react-native-swiper-hooks

NPM仓库: https://www.npmjs.com/package/react-native-swiper-hooks

안녕하세요 여러분!

🦄 This is a wonderful animated carsouel hooks component for React-Native

✨ 为React Native开发的轮播展示动画组件

👨🏻‍💻 Voyz Shen 제공

🏫 Shanghai Jiao Tong University, Ctrip

목록

• Demo
• How to use
• Properties
• Versions

데모

사용하는 방법

설치

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>

속성

소품
기본
옵션
유형
설명


카드목록
/
/
정렬
카드 데이터



卡片数据

항목 속성 ↓

소품
기본
옵션
유형
설명


제목
/
/
끈
카드 제목

부제
/
/
끈
카드의 부제

배경이미지
/
/
끈
카드의 배경 이미지

jumpUrl
/
/
끈
카드의 점프 URL

버전

• v1.0.1 添加配置参数

• v1.0.0 发布组件