问题标签 [react-native-snap-carousel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
8563 浏览

javascript - react-native-snap-carousel 无法正确渲染

问题总结

我正在使用 react-native-snap-carousel 并且渲染不正确。它仅在被滑动后渲染,我需要在屏幕最初渲染时渲染它。当我将屏幕分配给我的 BottomTabNavigator 的初始路线或 React Navigation 中我的 Stack Navigator 中的初始路线时,轮播就会完美呈现。当我将完全相同的屏幕分配给 Stack Navigator 中的任何其他路线时,它不会呈现轮播,直到我滑动它。

我需要使用带有轮播的屏幕作为 Stack Navigator 中的第二条路线,但我不知道如何使其正常工作。

我试过的

  1. 我试过把其他所有东西都从屏幕上移开
  2. 我也尝试过从头开始创建一个新屏幕。
  3. 我已经将屏幕作为 Stack Navigator 中的初始路线进行了测试,它运行良好,但我仍然无法在屏幕加载时渲染轮播。
  4. 我也尝试过切换到基于类的反应组件,但没有帮助。

代码

带有轮播的组件

带有轮播的组件样式

反应导航配置

概述问题的图片

屏幕加载时,轮播不渲染 屏幕加载时,轮播不渲染

在旋转木马上滑动后 在旋转木马上滑动后

0 投票
2 回答
2634 浏览

javascript - 如何实现垂直方向的快照轮播?

我需要创建 List 但使用 snap carousel 组件。但我无法这样做。

0 投票
1 回答
1270 浏览

react-native - react-native-snap-carousel 教程如何使用它

我试图找到任何关于实现 react-native-snap-carousel 示例的教程,但我找不到任何教程。如果你们中有人看过这方面的任何教程,请建议一个链接。我已经阅读了它的创建者提供的文档和示例,但是对我来说它们看起来很复杂。

0 投票
1 回答
671 浏览

react-native - React Native, TypeError: undefined is not an object 当我使用 onPress 函数时

我正在尝试为 like_click() 调用 touchableopacity 的 onPress,但它给了我一个错误(未定义不是对象)。

我也尝试使用此方法调用该方法,但它也给了我一个错误(找不到变量 like_click)



单击图像时我应该如何调用该函数。请帮忙。

0 投票
1 回答
2238 浏览

react-native-snap-carousel - 与 react-native-snap-carousel 中的水平滚动相关的问题

我正在使用 react-native-snap-carousel 模块中的轮播从远程 url 水平滚动图像。它在android中运行良好,但在iOS的情况下,有时图像会滚动,大多数时候不会。

它正在检测我的滑动动作,但图像没有滚动。

我在 iOS 13.1.3、react-native 0.59.8、react-native-snap-carousel 3.8.2 上试过

以下代码用于轮播

我正在使用自定义组件来加载图像。

预期结果:水平滚动应该可以在 iOS 上流畅运行。实际结果:水平滚动大部分时间都不起作用。

帮我解决这个问题

0 投票
1 回答
2281 浏览

react-native - React Native Snap Carousel - 第一项

我正在尝试让我的 React Snap Carousel 加载到所需的索引上。目前,当轮播加载时,它会加载第一个索引,而不是我用 FirstItem 告诉它的索引。当我刷新屏幕或保存在我的代码编辑器中时,轮播会捕捉到我所指的 firstItem(index)。下面是我的代码。我也看到了很多卡片,它们指向https://github.com/archriss/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-first-item。尽管我无法弄清楚如何让它正常工作,但对于我的一生来说。我很感激任何帮助。谢谢你。

0 投票
2 回答
1172 浏览

react-native - 如何解决 react-native-snap-carousel 中的闪烁图像?

返回 react-native-snap-carousel 中的第一项时如何解决闪烁图像?我试图寻找很多例子,但都失败了。

这是我的脚本:

您可以在此处找到完整的文档以及您可以在此处找到有关插件 api 的信息

请任何人帮助我。

谢谢。

0 投票
0 回答
2456 浏览

react-native - 将 react-native-snap-carousel 放入 ScrollView React Native 时不会在 Android 中滚动

我想在水平滚动的卡片中渲染 react-native-snap-carousel,我正在使用 ScrollView(horizo​​ntal),但是 react-native-snap-carousel 的“Carousel”不仅仅在 android 中滚动。 请在您的 android 手机中运行此博览会小吃以重新创建问题 https://snack.expo.io/@sagar293/flatlist-inside-scrollview

0 投票
0 回答
570 浏览

react-native - 如何在反应原生快照轮播中使用视频?也许另一个更好的旋转木马包来反应原生?

是否可以将 Video 组件添加到react-native-snap-carousel 中?我想尝试创建一个类似于 Instagram 滑动的轮播

我能够刷卡工作,但是当我尝试从 expo 添加视频组件时,它没有显示出来。

<ComponentVideo />是我创建的另一个组件,可以正常工作。<Video />是来自 Expo 的组件,位于 ComponentVideo 中。我只是把它拿出来看看它是否有效。

想法?

也许我应该检查另一个包裹?

0 投票
1 回答
1683 浏览

react-native - 在 react-native-snap-carousel 上滑动未按预期工作

我正在尝试使用 react-native-snap-carousel 但是,滑动效果没有按预期工作 - 通常很难左右滑动,它需要用户更加努力地滑动才能移动到另一张图片(如图所示下方链接)。

React Native Snap Carousel 的滑动问题

我找不到任何记录在案的解决方案,但我找到了一种可能的道具 - swipeThreshold。我尝试了各种价值,但问题仍然存在。

有谁知道这个问题的解决方案?