xgrn-banner

xgbanner

Usage no npm install needed!

<script type="module">
  import xgrnBanner from 'https://cdn.skypack.dev/xgrn-banner';
</script>

README

BannerView

version : 0.0.3

添加依赖：



"devDependencies": {
    "xgrn-banner": "last-version"
  }

link到原生库中：


react-native link xgrn-banner

Android

android端使用ViewPagerAndroid实现Banner，通过AndroidBanner.js封装，无需在原生端做额外操作。

  • 使用原生ViewPager实现，将计时操作在原生中处理

IOS

与Android的接口一样，不用再次定义一个承接JS

JS

对应BannerView

暴露开始循环动画和暂停循环动画两个方法：

  • startLoop
  • stopLoop

主要的4个属性如下：

  • imageUrls 字符串数组，图片的url地址
  • autoPlayInterval 自动播放间隔，单位为ms
  • autoPlayEnable 是否开启自动循环，默认关闭
  • clickCallback banner页点击回调，返回点击的index