React-Native를 위한 멋진 애니메이션 구성 요소
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
목록
데모
사용하는 방법
설치
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 发布组件
Reference
이 문제에 관하여(React-Native를 위한 멋진 애니메이션 구성 요소), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/voyzz/a-wonderful-animated-component-for-react-native-1g20
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
🦄 This is a wonderful animated carsouel hooks component for React-Native
✨ 为React Native开发的轮播展示动画组件
👨🏻💻 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>
속성
소품
기본
옵션
유형
설명
카드목록
/
/
정렬
카드 데이터
卡片数据
항목 속성 ↓
소품
기본
옵션
유형
설명
제목
/
/
끈
카드 제목
부제
/
/
끈
카드의 부제
배경이미지
/
/
끈
카드의 배경 이미지
jumpUrl
/
/
끈
카드의 점프 URL
버전
v1.0.1 添加配置参数
v1.0.0 发布组件
Reference
이 문제에 관하여(React-Native를 위한 멋진 애니메이션 구성 요소), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/voyzz/a-wonderful-animated-component-for-react-native-1g20텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)