问题标签 [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.
javascript - react-native-snap-carousel 无法正确渲染
问题总结
我正在使用 react-native-snap-carousel 并且渲染不正确。它仅在被滑动后渲染,我需要在屏幕最初渲染时渲染它。当我将屏幕分配给我的 BottomTabNavigator 的初始路线或 React Navigation 中我的 Stack Navigator 中的初始路线时,轮播就会完美呈现。当我将完全相同的屏幕分配给 Stack Navigator 中的任何其他路线时,它不会呈现轮播,直到我滑动它。
我需要使用带有轮播的屏幕作为 Stack Navigator 中的第二条路线,但我不知道如何使其正常工作。
我试过的
- 我试过把其他所有东西都从屏幕上移开
- 我也尝试过从头开始创建一个新屏幕。
- 我已经将屏幕作为 Stack Navigator 中的初始路线进行了测试,它运行良好,但我仍然无法在屏幕加载时渲染轮播。
- 我也尝试过切换到基于类的反应组件,但没有帮助。
代码
带有轮播的组件
带有轮播的组件样式
反应导航配置
概述问题的图片
javascript - 如何实现垂直方向的快照轮播?
我需要创建 List 但使用 snap carousel 组件。但我无法这样做。
react-native - react-native-snap-carousel 教程如何使用它
我试图找到任何关于实现 react-native-snap-carousel 示例的教程,但我找不到任何教程。如果你们中有人看过这方面的任何教程,请建议一个链接。我已经阅读了它的创建者提供的文档和示例,但是对我来说它们看起来很复杂。
react-native - React Native, TypeError: undefined is not an object 当我使用 onPress 函数时
我正在尝试为 like_click() 调用 touchableopacity 的 onPress,但它给了我一个错误(未定义不是对象)。
我也尝试使用此方法调用该方法,但它也给了我一个错误(找不到变量 like_click)
单击图像时我应该如何调用该函数。请帮忙。
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 上流畅运行。实际结果:水平滚动大部分时间都不起作用。
帮我解决这个问题
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。尽管我无法弄清楚如何让它正常工作,但对于我的一生来说。我很感激任何帮助。谢谢你。
react-native - 将 react-native-snap-carousel 放入 ScrollView React Native 时不会在 Android 中滚动
我想在水平滚动的卡片中渲染 react-native-snap-carousel,我正在使用 ScrollView(horizontal),但是 react-native-snap-carousel 的“Carousel”不仅仅在 android 中滚动。 请在您的 android 手机中运行此博览会小吃以重新创建问题 https://snack.expo.io/@sagar293/flatlist-inside-scrollview
react-native - 如何在反应原生快照轮播中使用视频?也许另一个更好的旋转木马包来反应原生?
是否可以将 Video 组件添加到react-native-snap-carousel 中?我想尝试创建一个类似于 Instagram 滑动的轮播
我能够刷卡工作,但是当我尝试从 expo 添加视频组件时,它没有显示出来。
<ComponentVideo />
是我创建的另一个组件,可以正常工作。<Video />
是来自 Expo 的组件,位于 ComponentVideo 中。我只是把它拿出来看看它是否有效。
想法?
也许我应该检查另一个包裹?
react-native - 在 react-native-snap-carousel 上滑动未按预期工作
我正在尝试使用 react-native-snap-carousel 但是,滑动效果没有按预期工作 - 通常很难左右滑动,它需要用户更加努力地滑动才能移动到另一张图片(如图所示下方链接)。
React Native Snap Carousel 的滑动问题
我找不到任何记录在案的解决方案,但我找到了一种可能的道具 - swipeThreshold。我尝试了各种价值,但问题仍然存在。
有谁知道这个问题的解决方案?