问题标签 [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 回答
454 浏览

javascript - 刷卡上的视频或图像

我有一个包含视频照片的对象列表

我想让滚动成为可能(向上 - 向下 - 向上,就像在 TikTok 中一样)。每张卡片都有全屏图像或视频。

为此,我使用了库:

https://www.npmjs.com/package/react-native-swiper

滚动按预期工作,但还有其他问题:

  • 所有对象立即加载(应该有一些分页)

  • 所有对象立即开始(当视频有声音时,每个人都开始播放)

是否有另一个有用的解决方案或者可以用这个库做些什么?

0 投票
0 回答
508 浏览

react-native - React Native 动画滑动视图

我怎样才能在 React native 上做这个动画?

我希望当用户做出向右滑动头盔的手势时,它会移动到另一个屏幕,当向左滑动头盔时,它会移动到另一个屏幕

这么简单吗?

导航你有其他建议吗?

**代码波纹管:**

0 投票
1 回答
1148 浏览

react-native - React Native ScrollView 不会使用 ViewPager 或 createMaterialTopTabNavigator 滑动

我一直在研究这个几天又几天,但仍然没有得到我想要的。

我什至不知道为什么还没有提出这个..

例如,如果您使用

来自@react-navigation/material-top-tabs

那么 ScrollView 水平滑动在这些视图中将不起作用。

我试过的:

swipeEnabled=true

nestedScrollViewEnabled=true

有什么已知的解决方案吗?

我已经尝试使用 react-native-community/viewpager 自定义 ViewPaging 的寻呼机选项,但仍然没有运气。

请帮忙!

0 投票
0 回答
132 浏览

javascript - 如何在 View 标签中应用 react-native-swiper?

我写信是为了获得一些帮助,因为事实原生扫描应用程序并没有我想象的那么顺利。

第一个代码是容器视图中具有不同页眉、节和页脚 flex 的布局代码。

第二个代码是将滑动器添加到第一个代码部分的代码。我希望页眉、页脚视图大小是固定的,并且清扫器会完全打印在该部分上。

但是,该部分侵入了页眉、页脚视图的区域,同时页眉视图越来越小,并且看不到页脚视图。

我可能在学习真正的母语时出错了。如果您对错误和改进方向发表评论,我将不胜感激。

感谢您阅读长篇文章。

  • 第一个代码
  • 第二个代码
0 投票
1 回答
185 浏览

react-native - 在本机反应中仅显示一次屏幕

我有一个使用 react-native-swiper 制作的屏幕,我在其中介绍了应用程序的工作原理,但我只想在用户第一次打开应用程序时显示此屏幕。

我怎样才能做到这一点?

0 投票
1 回答
685 浏览

react-native - 如何自动调整 react-native-swiper 组件的高度

我正在使用react-native-swiper,但是当我实现它时,它被设置为默认高度全屏。有没有办法让滑动器高度自动调整到幻灯片内容(高度)?

0 投票
1 回答
1054 浏览

swiper - 为 Swiper Pagination Bullet 添加多个类

我正在尝试为element class每个分页项目符号添加一个新的,并且我想保留swiper. 所以我所做的是

我能够获得风格swiper-pagination-bullet和我的自定义风格。但是,其他功能不再起作用(例如单击功能、主动选择)

我试图检查代码,看起来swiper当前没有处理多个类,因为这行代码返回empty,因为它只需要一个类。

有什么解决方法吗?我喜欢为此创建拉取请求,但我想问问我在这里失踪的社区。

0 投票
1 回答
623 浏览

react-native - 反应本机火种图像滑动器

我正在使用 React Native expo 创建一个图像滑动器,当用户向左和向右滑动时在图像之间切换(没有后退,总是向前滑动)并且我正在使用react-native-tinder-swipe

但问题是这个包已被弃用,我只需要一个功能来完成我的项目,它显示当前卡片下方的下一张卡片(默认情况下,在用户滑动期间),我到处搜索类似的包但找不到...

有什么建议么?

0 投票
1 回答
574 浏览

reactjs - 刷卡时如何从 react native-deck-swiper 获取数据

我正在使用 react native 甲板 swipper 来显示数据数组。

//数据数组

我的问题是,我希望能够在卡片向左滑动时提取news_url,并使用提取的 URL 打开将显示网页的 expo inapp-browser,例如www.google.com

我写了一个打开网络浏览器的函数。

请有人帮助我

//刷机

//WEB BROSWER //异步函数打开app inapp web browser

//卡片组件

0 投票
0 回答
73 浏览

react-native - 我怎么能用按钮和滑动器进行分页反应原生

我试着用ScrollViewand做transformscrollTo但我想不通,我不想用react-navigation

我想在顶部创建一个固定栏并在其中创建两个动画按钮,当触摸按钮时转到第二个屏幕并播放按钮动画,以及当屏幕滑动播放按钮动画时

这样,屏幕也必须是可滑动的