反应原生快照轮播在幻灯片之间没有暂停

对不起我的标题,我不知道如何解释。所以,我在我的 EXPO 应用程序上使用 React-native-snap-carousel (3.9.1) 来添加一个简单的轮播。

当我在幻灯片之间滑动时,没有等待/暂停。通过快速滑动,我可以直接转到最后一张幻灯片。但我想在幻灯片之间休息一下,然后再次滑动以转到下一张幻灯片。

该问题仅出现在我的设备上:Honor 20 / Android 10 我对其他一些设备(如 S10 或 IOS 设备)没有任何问题。

这是我的轮播代码:

<Carousel
    ref={carouselRef}
    keyExtractor={carouselKE}
    data={allSlides}
    sliderWidth={windowWidth}
    itemWidth={windowWidth}
    renderItem={RenderCarouselItem}
    onSnapToItem={(index) => setActiveSlide(index)}
    inactiveSlideOpacity={1}
    inactiveSlideScale={1}
    decelerationRate={5}
/>

我尝试使用 decelerationRate 没有成功。

有人对那个库有这个问题吗?

谢谢

stack overflow React native snap carousel no pause between slides
原文答案

答案:

作者头像

我认为即使我在滚动方面遇到了同样的问题,所以我在轮播中添加了一些道具,这解决了我的问题,我认为您的 declarationRate 有问题,您应该减少它。 `

` ``
<旋转木马
参考={轮播参考}
keyExtractor={carouselKE}
数据={所有幻灯片}
滑块宽度={窗口宽度}
项目宽度={窗口宽度}
renderItem={RenderCarouselItem}
onSnapToItem={(index) => setActiveSlide(index)}
非活动幻灯片不透明度={1}
非活动幻灯片缩放={1}
lockScrollWhileSnapping={true}
启用动量={假}
减速率={0.25}
/>

`

作者头像

https://www.npmjs.com/package/react-native-snap-carousel/v/4.0.0-beta.6

更新到 beta 包并修复了问题。将 disableIntervalMomentum 添加到 true

<Carousel
    ...
    disableIntervalMomentum={true}
    ... 
/>