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

通常在本机反应中，当您尝试将轮播添加到显示图像数组的地图时，轮播嵌套在 MapView 组件中。但是当您加载覆盖地图某些区域的活动时，它始终存在。我想要的是只有在触摸地图上的图标后才会弹出轮播。我怎么做 ？

} };

我目前正在使用 react-native-snap-carousel 的<ParallaxImage />组件。是否可以将其扩展到视差视频？如果在 react-native-snap-carousel 上没有办法做到这一点，请告诉我可以使用的任何替代方法。

我正在使用 react-native-snap-carousel 来渲染照片库。我注意到第一次进入画廊需要很多时间来渲染照片，特别是如果有几张照片。

这种行为的原因可能是什么？我能用这个做什么？

我如何在反应原生快照轮播中显示以下输出

因为我是 RN 新手，请任何人告诉我如何在 react native snap carousel 中显示以下输出

我正在尝试使轮播加载左对齐，但是一旦我开始滑动，项目就会居中（有点像 facebook 上的“建议的群组”或“您可能认识的人”轮播）。到目前为止，我得到了旋转木马，但一切都是对齐的。有什么办法可以使用 snap carousel 插件来实现这个功能吗？这是我的代码：

不幸的是，我很难真正掌握这个库的工作原理，特别是 ParallaxImage 组件。我想知道是否有人可以帮助我。我正在努力让我的图像渲染。

以下是文档：https ://www.npmjs.com/package/react-native-snap-carousel#props-methods-and-getters

这是下面的代码，但我也有一个已经在这里运行的零食

顺便说一句，它不会在网络上加载，您必须选择 IOS 或 android。

单击图像时，我试图导航到另一个页面。我一直这样做的方式似乎不起作用。如果有人可以让我知道是什么导致了错误，那就太好了！

我已经提供了下面的代码，但我还创建了一个可以立即测试我的代码的零食Here

编辑：您必须使用 IOS 或 android 进行渲染，该库未针对 web 设置

上面的小吃绝对是最快最简单的方法来了解我在说什么；一切都设置好了。只需单击图像并找出错误！

编辑：更具体地说，关于我的项目的新信息，SKeney 的答案适用于堆栈，但由于某种原因，不适用于我的项目。我还添加了我在实际项目中使用的 app.js 文件以进行更多说明，因此下面的堆栈有点多余。

我的整个堆栈的代码

谢谢你们的任何见解。我比你知道的更感激它！

链接到库的文档https://www.npmjs.com/package/react-native-snap-carousel#showcase

我有一个 React Native Carousel 组件，我试图在其中激活 Modals。我主要 [从文档中执行此操作][1] 和一些教程，但我用于设置 CardItems 的模型是const（Hooks？）；我有点卡在如何设置状态以获取弹出附加卡数据的模式；当我尝试在 CardItem 中设置状态时，出现“未定义状态”错误，但我认为它也必须在映射数据集中设置。

const [modalVisible, setModalVisible] = useState(false);; 获取 //ReferenceError: useState 未定义

有没有人对此有所了解？我认为这对于更熟悉 Native 环境的人来说可能是非常明显的，但我主要从这个文档中工作。

CardItem.js

CarouselCards.js

我正在使用这个零食作为实现我自己的轮播组件的模板。此模板使用类组件，我将其转换为功能组件

https://snack.expo.io/@bd-arc/react-native-snap-carousel-%7C-example-with-custom-interpolations

我将此添加到我的项目中，并且我相信在渲染 Carousel 时发生了一些错误，但我无法判断。它渲染 - 但并非所有组件都在渲染。我只是将 Carousel 本身更改为一个功能组件。问题是旋转木马下方没有显示 - 如果我添加多个 VideoCarousel，则仅显示第一个。

我的代码如下

应用程序.js

VideoCarousel.js

react-native-snap-carousel 'SliderWidth' 的大小与屏幕宽度相同。所以我不能在“ios”上使用“react-navigation”滑动（gestureEnabled）

我该如何解决？

感谢您的帮助