react-native-swiper

Posted 2023-04-17

参考技术A react-native-swiper是一个能用于做轮播效果的三方组件。

设置轮播的方向，默认值为true

设置是否循环播放，默认值为true

初始进入页面标识为0的页面，默认值为0

是否显示控制按钮(即左右两侧的箭头是否可见)

是否自动轮播，默认值为false

当用户拖拽时更新索引调用

宽度，默认flex: 1，全屏

高度，默认flex: 1，全屏

显示分页，在页面下边显示圆点，以表明当前页面位于第几个

允许自定义元素样式（未选中）

允许自定义当前选择点元素样式

设置轮播间隔，默认2.5

自定义样式将和默认样式合并（分页）

react-native-swiper使用的坑

今天使用引入react-native-swiper组件使用轮播图时，发现报如下错误：

Invarint Violation:ViewPagerAndroid has been removed from React Native.

上网查了下，最终使用如下方法解决：

1. 移除掉remove react-native-swiper这个包：yarn remove react-native-swiper
2. 安装新包：yarn add react-native-swiper@nightly

使用方法和引入包的名称和react-native-swiper完全一样，为什么这样的原因不详，但是成功解决了问题。

原文链接: https://segmentfault.com/a/1190000021225444