React Native 中的循环循环自动滚动动画

Question

我有一个用例，其中有“n”个不同大小的 JSX 对象，并使用 {flex-direction: "row"} 水平放置。

我的要求是在循环中自动滚动这 n 个对象，即我希望第一个 JSX 对象在第 n 个 JSX 对象之后重新出现。

注意：我不希望循环渲染一个又一个对象。

我曾尝试使用“react-native-looped-carousel”库，但它一次只渲染一个对象，然后滚动。

Answer 1

如果你想做一个自定义的事情，你可能想创建一个这样的轮播：

• 创建三个视图元素
• 通过这三个视图循环值（0 - 上一个，1 - 当前，2 - 下一个）
• 当您切换到下一项（2 变为 1）时，将下一项 (2) 中的内容替换为您需要的内容。

你也可以看看react-native-reanimated-carousel，它有一个loop 属性，好像可以做你想做的。