涓篟eact Native寮€鍙戠殑杞挱灞曠ず鍔ㄧ敾缁勪欢

Posted Voyz Studio

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了涓篟eact Native寮€鍙戠殑杞挱灞曠ず鍔ㄧ敾缁勪欢相关的知识，希望对你有一定的参考价值。

Hello, folks!

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

鉁?涓篟eact Native寮€鍙戠殑杞挱灞曠ず鍔ㄧ敾缁勪欢 

馃懆馃徎鈥嶐煉?Powered by Voyz Shen 

馃彨 Shanghai Jiao Tong University, Ctrip


Demo


How to use

  • install
    npm i react-native-animated-carousel --save

  • import
    import AnimatedCarousel from 'react-native-animated-carousel'

  • Demo 

const testData = [
  {
    title:'鍖荤枟',
    subTitle:'鍓爣棰?',
    bgImage:'https://i.loli.net/2020/09/17/qxoJu8G3fe97lrc.png',
    jumpUrl:''
  },
  ...
  {
    title:'鐢熸椿',
    subTitle:'鍓爣棰?2',
    bgImage:'https://i.loli.net/2020/09/17/rgiPpKRafObAQvN.png',
    jumpUrl:''
  }
]

...

<AnimatedCarousel cardList={testData} ></AnimatedCarousel>


Properties

Prop Default Options Type Description
cardList / / Array data of cards




鍗＄墖鏁版嵁

item properties 鈫?/h3>
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


Versions

  • v1.0.1 娣诲姞閰嶇疆鍙傛暟 

  • v1.0.0 鍙戝竷缁勪欢


以上是关于涓篟eact Native寮€鍙戠殑杞挱灞曠ず鍔ㄧ敾缁勪欢的主要内容，如果未能解决你的问题，请参考以下文章

鎴戞槸濡備綍鎶?GitHub 寮€婧愰」鐩仛鍒?5300+ star 鐨勶紵

ubuntu寮€鍙戠幆澧冨垵濮嬪寲

centos7 php寮€鍙戠幆澧冨畨瑁?php

Windows7涓嬪畨瑁単olang璇█寮€鍙戠幆澧冨拰revel妗嗘灦