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

react-native - React Native Snap Carousel ref在导航到具有不同参数的同一页面时为空

在此处输入图像描述

React Native Snap Carousel 包的 ref 在重新渲染具有不同参数的相同组件时变为空。

到目前为止我所尝试 的由于该包使用 react native flatlist 作为其实现,所以我将我的代码修改为 flatlist 视图并且没有显示错误

以下是发生的一些日志 Object -> Navigate -> Null -> Object

在此处输入图像描述

0 投票
1 回答
1059 浏览

javascript - 如何为 react-native snap carousal 提供 API 数据

我正在开发一个 React 本机新闻应用程序,我必须解析来自 REST API 的数据并将该数据提供给 snap carousal 组件。

snap-carousal 有 sliderEntry.js,它需要键值对数组形式的标题、副标题、插图。

SliderEntry.js

我的 api 以不同的格式返回数据,我必须设置 state 变量,它是 sliderEntry.js 期望格式的数组,所以我创建了新数组并从 api 响应中提取标题、副标题、插图并将新数组设置为状态变量条目。

API结构:

我正在尝试获取标题、摘录、url 并分配给 title.subtitle、插图。这是正确的方法吗?我收到错误:

undefined 不是对象(评估 'responseModified[i].title=responseJson.posts[i].title')

0 投票
1 回答
861 浏览

javascript - 如何向 react-native-snap-carousel 提供 API 数据

我正在为我的第一个 react-native 应用程序使用 react-native-snap-carousel。

我已阅读文档,但我看到它使用静态数据。但是我想用 API 获取数据表单服务器,我该怎么做?

感谢您的帮助。

0 投票
0 回答
598 浏览

javascript - 如何在 React Native 中实现 3D 轮播滑块?

我想在原生反应中创建 3D 垂直旋转木马类型的滑块。我过去两天在互联网上搜索,但没有运气。是否有任何带有以下附加图像样式的库。截至目前,我使用了常规样式的 react-native-snap-carousel 。如果我能得到这样的旋转木马,那就太好了。

在此处输入图像描述

0 投票
1 回答
1444 浏览

react-native - 反应本机 setState() 未按预期重新渲染

我用 react-native-snap-carousel 做了一个轮播,下面是轮播的代码。在轮播中有选择器和文本输入等。对于渲染功能:

细节渲染:

}

对于事件触发:

这里的问题是,当我在 Picker 中选择任何项目后,状态确实得到了更新,但在界面上却没有。一旦触发 onChangeText 事件,就会调用 Picker 的渲染函数。届时 Picker 中的显示也会更新。但是,根据生命周期,当我设置状态时,轮播(包括其单元格)是否应该更新/重新渲染?

轮播中的秒表(来自 react-native-stopwatch-timer)也会有同样的问题。

0 投票
1 回答
2214 浏览

react-native - 我有一个在加载时将可见设置为 true 时工作的模式,但是如果它设置为 false 或者我关闭并重新打开它在 android 上不起作用

我在模态中有一个信息轮播。在 Ios 上,它可以完美加载并且可以打开和关闭。在 Android 上,如果初始状态设置为 true,它会完美打开,但是当它关​​闭并重新打开时,模式会慢慢淡入,并且轮播不存在。

我尝试过使用本机 Modal 和插件。使用本机我的关闭按钮和硬件后退按钮不会关闭 android 上的模式。我在 Galaxy Note 8 上进行测试。

任何帮助将不胜感激,因为我已竭尽全力尝试使其正常运行。

这是模态代码部分。

谢谢

0 投票
1 回答
166 浏览

javascript - 不变违规:Snap Carousel 上的本机驱动事件不支持侦听器

我一直在尝试用我的应用程序实现 Snap Carousel。但它会给出以下警告并且不会加载。

错误:本机驱动的事件不支持侦听器。在 invariant (invariant.js:38) at new AnimatedEvent (AnimatedImplementation.js:2126) at Object.event (AnimatedImplementation.js:2230) at new Carousel (Carousel.js:147) at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:296) ) 在 ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:278) 在 ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:190) 在 Object.mountComponent (ReactReconciler.js:47) 在 Constructor.mountChildren (ReactMultiChild.js:240) 在 Constructor.initializeChildren ( ReactNativeBaseComponent.js:69)

带旋转木马的班级如下。

该组件在父类中的使用如下。

环境:React:15.3.1 React Native:0.37.0 react-native-snap-carousel:3.6.0

目标平台:iOS (11.2)

有什么解决方法吗?谢谢你。

0 投票
2 回答
3565 浏览

reactjs - 如何在 React Native 中使用 this.state 访问数组中的对象?

我正在使用 react-native-snap-carousel 并且无法访问数组中的 URL。我可以在没有其他对象的情况下访问它们,但我需要它们来命名每个图像。

我对本机反应仍然很陌生,查找类似的问题并没有得出正确的答案。

0 投票
1 回答
3239 浏览

javascript - 带有状态值的 React-Native-snap-carousel 检查条件?

我正在开发反应原生应用程序。对于滑块部分,我放置了“Snap carousel”插件。我的滑块显示多个项目。由时间计算滑块项目除以窗口宽度/5。现在我展示了 5 个滑块项目。

问题是,我需要显示活动滑块项目的滑块文本并更改背景颜色。

在渲染项目中,我不能使用状态或道具值。如何在渲染项方法中检查当前索引值?

我只想显示{item.title}活动滑块项目的文本。

0 投票
1 回答
5903 浏览

react-native - react-native-snap-corousel:如何在项目点击时调用函数

我想在点击 corousel 中的项目时调用一个函数。下面是我的代码。

当我单击该项目时,我收到错误消息_this6.onPress is not a function

我可以直接点击如下所示的警报。

如何在项目点击上调用方法?

演示代码:https ://snack.expo.io/SJtm1vJMX