问题标签 [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 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')
javascript - 如何向 react-native-snap-carousel 提供 API 数据
我正在为我的第一个 react-native 应用程序使用 react-native-snap-carousel。
我已阅读文档,但我看到它使用静态数据。但是我想用 API 获取数据表单服务器,我该怎么做?
感谢您的帮助。
javascript - 如何在 React Native 中实现 3D 轮播滑块?
我想在原生反应中创建 3D 垂直旋转木马类型的滑块。我过去两天在互联网上搜索,但没有运气。是否有任何带有以下附加图像样式的库。截至目前,我使用了常规样式的 react-native-snap-carousel 。如果我能得到这样的旋转木马,那就太好了。
react-native - 反应本机 setState() 未按预期重新渲染
我用 react-native-snap-carousel 做了一个轮播,下面是轮播的代码。在轮播中有选择器和文本输入等。对于渲染功能:
细节渲染:
}
对于事件触发:
这里的问题是,当我在 Picker 中选择任何项目后,状态确实得到了更新,但在界面上却没有。一旦触发 onChangeText 事件,就会调用 Picker 的渲染函数。届时 Picker 中的显示也会更新。但是,根据生命周期,当我设置状态时,轮播(包括其单元格)是否应该更新/重新渲染?
轮播中的秒表(来自 react-native-stopwatch-timer)也会有同样的问题。
react-native - 我有一个在加载时将可见设置为 true 时工作的模式,但是如果它设置为 false 或者我关闭并重新打开它在 android 上不起作用
我在模态中有一个信息轮播。在 Ios 上,它可以完美加载并且可以打开和关闭。在 Android 上,如果初始状态设置为 true,它会完美打开,但是当它关闭并重新打开时,模式会慢慢淡入,并且轮播不存在。
我尝试过使用本机 Modal 和插件。使用本机我的关闭按钮和硬件后退按钮不会关闭 android 上的模式。我在 Galaxy Note 8 上进行测试。
任何帮助将不胜感激,因为我已竭尽全力尝试使其正常运行。
这是模态代码部分。
谢谢
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)
有什么解决方法吗?谢谢你。
reactjs - 如何在 React Native 中使用 this.state 访问数组中的对象?
我正在使用 react-native-snap-carousel 并且无法访问数组中的 URL。我可以在没有其他对象的情况下访问它们,但我需要它们来命名每个图像。
我对本机反应仍然很陌生,查找类似的问题并没有得出正确的答案。
javascript - 带有状态值的 React-Native-snap-carousel 检查条件?
我正在开发反应原生应用程序。对于滑块部分,我放置了“Snap carousel”插件。我的滑块显示多个项目。由时间计算滑块项目除以窗口宽度/5。现在我展示了 5 个滑块项目。
问题是,我需要显示活动滑块项目的滑块文本并更改背景颜色。
在渲染项目中,我不能使用状态或道具值。如何在渲染项方法中检查当前索引值?
我只想显示{item.title}
活动滑块项目的文本。
react-native - react-native-snap-corousel:如何在项目点击时调用函数
我想在点击 corousel 中的项目时调用一个函数。下面是我的代码。
当我单击该项目时,我收到错误消息_this6.onPress is not a function
。
我可以直接点击如下所示的警报。
如何在项目点击上调用方法?