问题标签 [react-native-swiper]

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 回答
346 浏览

react-native - react-native-swiper 图像不显示

我正在使用 react native swiper,无法看到我需要的照片。我是否错误地调用了照片?当我尝试像平常一样使用图像标签显示照片时,它可以正常工作,所以我知道我正在从正确的目录导入照片。

在此处输入图像描述

0 投票
0 回答
131 浏览

react-native - react-native-swiper 中的可滑动区域

有什么方法可以在 react-native-swiper 中设置可滑动区域?例如,在模拟屏幕上,我希望仅当用户在黑色边框标记的区域上滑动时才滑动屏幕。

PS:默认行为是让屏幕从 swiper 组件中的任何位置滑动。

模拟屏幕

0 投票
1 回答
150 浏览

react-native - 如何在 react-native 中使用 swiper

嗨,如何Profil使用来自组件的数据让 swiper 在组件中工作Home。我在组件中有一个状态,Home我在其中存储来自 Web 服务的数据。

我如何this.state.dataSourceProfil组件中.map使用数据来刷卡?

0 投票
3 回答
683 浏览

react-native-android - 如何使用 swiper flatlist 在本机反应中获取数组中的对象

___这是我的代码____

我在 json 中的响应以反应原生 ___

如何在 swiperflatlist 中使用 Flatlist 条件并获取图像并使其可滑动...

以及如何在搜索我发现的许多方法时在 swiperflatlist 中分配密钥以获取 coz,但在实现时显示错误 Invariant Violation: Tried to get frame for out of range index NaN 那么如何解决这个问题?

0 投票
0 回答
166 浏览

javascript - 有没有办法刷出 React-Native-Swiper 组件?

我正在使用 react-native-swiper 作为我的 On-Boarding 屏幕的一部分,一旦用户在 3 个欢迎屏幕上滑动,我希望他们能够再次滑动,他们看到的下一个屏幕将是主提要屏幕他们无法在其上滑动。

0 投票
1 回答
2752 浏览

javascript - react-native-swiper:有没有办法自定义点的样式?

我添加了我想要更改的点的图片。

这是图片

我正在使用react-native-swiper

有没有办法改变 swiper 中点的样式(颜色,大小..)?

0 投票
1 回答
528 浏览

javascript - 如何只在数组的特定索引处渲染一次。反应原生

所以本质上,我的问题源于试图解决这个问题。

所以我的代码相当简单,我使用 React-Native-Swiper 库,本质上使数组中的视图可滑动。

现在的问题是,当我运行代码时,它会同时生成数组中的所有视图,我知道这一点是因为我可以在控制台中看到,打印语句都在启动时打印出来。随之而来的问题是,如果我有一长串的图片,我不想一次检索所有这些图片,因为它会降低性能,但显然用户不去的可能性很大通过所有图像,在这种情况下,我将调用我的服务器以不必要地检索图像(我使用的是 firebase,所以我试图限制这一点以解决成本问题)。

那么,在我开始滑动之后,只有在靠近它们时,如何才能渲染这些图像呢?

0 投票
0 回答
782 浏览

javascript - React Native Swiper ref 元素 scrollTo 在第一次渲染时不起作用

我正在我的应用程序中实现介绍功能。启动屏幕后屏幕显示的位置。我使用react-native-swiper组件来指导用户在我的应用程序中进行分步教程。

下面是我的Slider.tsx 组件代码。

这是我的WelcomeScreenContainer.tsx

每当我单击下一个按钮时,它应该会自动将滑动条滑动到下一个组件或屏幕。但是,在用户单击下一个按钮时的第一次渲染时,Slider.tsxswiperEl.current!.scrollTo(index);useEffect块上不起作用。但是当用户第二次点击时,它不会突然起作用。

我是使用 React 的初学者,但我仔细阅读文档,了解如何使用useRefuseEffect的钩子。也许我错过了什么?

如果有人可以提供帮助,我们将不胜感激。谢谢

0 投票
0 回答
249 浏览

android - android屏幕中的react-native-swiper从potrait旋转到风景,滚动不会重新渲染

react-native-swiper 问题

  1. 屏幕旋转后调整滑动器的宽度和高度(使用Dimensions.get('window').width和height,

  2. 但滚动不是 Re_render,它显示上一张幻灯片的部分以及活动幻灯片

0 投票
1 回答
1359 浏览

react-native - 有没有办法获得 react-native-swiper 的滑动进度?

我想在 ScrollView 上有一个类似 onScroll 的事件,但在 Swiper 上有一个 onSwipe 事件。在这个回调中,我想获得“滑动进度”(例如,将 50% 滑动到第二个项目)。使用所有支持的回调,我可以在滑动开始或结束时做一些事情,但我也想要介于两者之间的所有步骤。我怎么能这样做?