问题标签 [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 投票
0 回答
141 浏览

react-native - react-native-snap-carousel 中的 MapView

我已经在轮播视图中实现了 react-native-maps 以显示 2 层建筑的平面图,并且一切正常。现在,当我尝试调用一个函数以重新居中平面图图像时,第一张幻灯片没有响应该功能,而第二张幻灯片正常工作且符合预期。

console.log("mapview" ,mapView);

返回 (

) }

0 投票
1 回答
393 浏览

react-native - Infinite FlatList 中的多个轮播分页同步问题

Reactive Native Expo Mobile App:我正在使用React Native Snap Carousel 使用本教程从我的数据库中弹出图像。

我有一个无限的平面列表,其中包含单个条目作为 React Native Snap Carousels,因此有多个带有多个分页的轮播。

在有多个轮播时,分页索引现在通常随着相同的索引移动,并且所有分页都使用轮播引用。

请让我知道如何映射轮播引用和分页索引,以便我的 FlatList 中的多个轮播正常工作。

我正在使用的代码,供参考:

和主要的平面列表:

0 投票
0 回答
136 浏览

javascript - 如何使用 react native snap carousel 通过分页实现此视图?

大家好,这个包 react-native-snap-carousel 需要帮助。我想像这样实现它https://i.pinimg.com/originals/d5/6a/06/d56a06bffbd19494fc8596b984789e29.gif

用于轮播的代码

如何将这个对象数组作为数据传递给 Carousel 组件,

0 投票
0 回答
41 浏览

reactjs - 在 React Native Snap Carousel 中将 useNavigation 与渲染组件一起使用时,我收到了无效的 Hook 调用

我在我的项目中使用 React Native Snap Carousel,我想在单击特定幻灯片并且使用功能组件时导航到某个页面。我正在尝试使用 navigation.navigate,但当我在 React Native Snap Carousel 中传递该组件时,它显示了无效的钩子调用。

组件文件

轮播文件

0 投票
1 回答
437 浏览

react-native - 从“react-native-snap-carousel”反应原生导入轮播不起作用

我安装 npm i @types/react-native-snap-carousel并且版本是 3.8.5 我的 package.json 是

所以我检查安装了很多次,确实删除了 node_modules 并且 npm install 了很多次

错误按摩是

我也做了4个步骤

  1. 清除守望者手表:watchman watch-del-all
  2. 删除 node_modules 并运行 yarn install
  3. 重置 Metro 的缓存:yarn start --reset-cache
  4. 删除缓存:rm -rf /tmp/metro-*

但仍然无法正常工作.....有人帮帮我???

最后我的 event-banner.tsx 是

0 投票
0 回答
18 浏览

react-native - 反应原生快照轮播,下一张卡片预览相同高度

我正在使用 react native snap carousel,我试图让下一张卡片的预览看起来与当前卡片的高度相同。最初预览设置为居中但更小。我希望预览看起来完全一样。

我尝试将 containerCustomStyle 设置为 alignItems center,这使它看起来更接近我想要的结果,但大小不一样。如果您删除 contrainerCustomStyle,您会看到我想要的夸张版本。

我有一个小吃博览会 在这里重现我的问题以及下面的一些代码。如果我需要添加图片来阐明我想要的结果,请告诉我!

我比你知道的更欣赏任何洞察力。