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

6 react-native react-native-reanimated

我正在使用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",
Run Code Online (Sandbox Code Playgroud)

这是轮播代码:

<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}
        />
     );
  }}
/>
Run Code Online (Sandbox Code Playgroud)

我真的很感激这里的一些帮助!

小智 20

这个问题已经在已解决的问题中提到过。

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

export default function App() {
  return <GestureHandlerRootView>{/* content */}</GestureHandlerRootView>;
}
Run Code Online (Sandbox Code Playgroud)