为什么react-native-reanimated-carousel不允许手动滑动？

Question

我正在使用

react-native-reanimated-carousel ^2.5.0

，它确实会显示应有的照片，但是当我尝试向左或向右滑动时，它不会执行任何操作，它不会滚动，也不会显示任何错误。

以下是与其相关的依赖项：

"react-native-reanimated": "^2.4.1",
"react-native-reanimated-carousel": "^2.5.0",
"react-native-gesture-handler": "^2.4.2",

这是轮播代码：

<Carousel
  width={windowWidth * 1.1}
  data={newImgArr}
  windowSize={10}
  loop={true}
  mode={'parallax'}
  autoPlay={false}
  renderItem={({ item }, index) => {
     return (
        <FastImage
           source={{
              uri: item,
              priority: FastImage.priority.high,
              cache: FastImage.cacheControl.immutable,
           }}
           style={{ flex: 1 }}
           resizeMode={FastImage.resizeMode.cover}
        />
     );
  }}
/>

我真的很感谢这里的帮助！

Answer 1

此问题已在已解决的问题中提到。

您只需将 Carousel 包装在 GestureHandlerRootView 中即可。

export default function App() {
  return <GestureHandlerRootView>{/* content */}</GestureHandlerRootView>;
}

Answer 2

对于 ios，你应该将此道具添加到你的轮播中

 <Carousel
....
      panGestureHandlerProps={{
        activeOffsetX: [-10, 10],
      }} />