如何在react原生中创建无自动播放的旋转木马

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-native、carousel

在我的应用程序中，我正在尝试实现Carousel，但当用户触摸它应该移动时，它不会自动移动。下面是我要做的参考。在这个旋转木马中，我必须显示点，比如如果有5个图像，那么下面应该有5个点。请帮帮忙 https://xd.adobe.com/spec/5a3400b7-9e6e-4ae0-4f5c-dcb98ae4242e-2c05/ import ImageCarousel from 'react-native-

浏览 5提问于2019-09-04得票数 0

1回答

如何暂停Swiper分页项目符号进度条动画悬停在Swiper React旋转木马中

css、reactjs、progress-bar、swiper、swiperjs

对于我的旋转木马，我在我的React应用程序中使用了。 delay: 3000, pauseOnMouseEnter: true,我还为分页项目符号创建了进度条。使用来自Sw

浏览 90提问于2021-06-05得票数 0

1回答

如何在react native中创建像whatsapp和instagram这样的故事滑块？

我想在react原生应用程序中创建像图像旋转木马一样的故事滑块。 📷 请告诉我怎么做……

浏览 18提问于2021-08-17得票数 0

1回答

在React Native like示例图像中创建Carousel

javascript、react-native、carousel

我想在react原生的旋转木马中创建滑块，就像下面的示例图像一样，有没有什么库或者一些教程可以制作成类似示例图像呢？或者是否有人可以编写一部分代码来帮助我编写这样的滑块？我可以用FlatList编写这个旋转木马吗？

浏览 2提问于2021-04-01得票数 0

1回答

React Native Carousel幻灯片

react-native、react-native-android

我想在react原生的旋转木马中创建滑块，就像下面的示例图像一样，有没有什么库或者一些教程可以制作成类似示例图像呢？ ?

浏览 17提问于2019-03-01得票数 0

1回答

React Hooks : Carousel自动播放，直到一个按钮被单击，并且没有完成最后一个剩余的setTimeout()

reactjs、settimeout、react-hooks

我在React中做了一种旋转木马。中，我有 <div className="arrow next" onClick={ () => { move(1) }}><img src={ arrow_right } alt="" /></div> 我希望旋转木马在页面第一次加载时启动自动播放，并在有人单击“下一步”或“上一步”箭头时取消自动播放</em

浏览 41提问于2019-10-03得票数 1

回答已采纳

1回答

Materializecss v1.0.0旋转木马自动播放/自动播放(没有jquery)

javascript、jquery、html、css、materialize

如何在没有JQuery的Materializecssv1.0.0中为传送带创建自动滚动功能？目前，物化不支持自动滚动或自动播放功能。有一些方法可以调用next和prev，所以必须有一种方法来设置一个自动滚动的旋转木马。

浏览 2提问于2020-03-18得票数 1

回答已采纳

1回答

当应用程序移到后台时，动画扁平列表插值问题

react-native、react-native-android、react-native-flatlist

使用react原生动画平面列表创建旋转木马时，可以按如下方式使用插值：但是，当我们调用一个单独的意图来获取权限或转到设置页面时，我的动画平面列表的X位置似乎重置为0，并且我正在动画的对象(在旋转木马中</e

浏览 22提问于2021-05-18得票数 0

2回答

如何在鼠标悬停时播放引导4旋转木马，并在页面加载时禁用自动播放？

jquery、bootstrap-4、carousel

我用引导4创建了一个旋转木马。我在悬停中完成了循环。但是，当页面加载时，旋转木马自动播放。是否在页面加载时禁用自动播放，并将其作为第一张幻灯片，仅当鼠标悬停在其上方时才播放？我在下面提供了我的HTML和JS。我试着添加“暂停”：“对JS的忠诚”。只是暂停了整个旋转木马。我还尝试输入数据间隔: 200到HTML并从JS中删除它。然而，这只允许一个奇异<em

浏览 4提问于2019-01-17得票数 0

回答已采纳

1回答

自定义React* Native Carousel类示例图像的解决方案*

reactjs、react-native、flatlist

我想在react原生的旋转木马中创建滑块，就像下面的示例图像一样，我想在每张幻灯片上显示三个视图，中间的幻灯片比另一个大，并在中间的幻灯片中显示我的文本。有谁有用FlatList创建这个滑块的解决方案吗？enter image description here

浏览 33提问于2021-04-01得票数 0

1回答

引导4旋转木马只在一定条件下自动播放

reactjs、bootstrap-4、create-react-app

我正试图在我的CRA项目中实现一个来自Bootstrap的旋转木马。carousel-control-next-icon" aria-hidden="true"></span> </a>这没有问题，旋转木马出现了我测试过的

浏览 0提问于2019-05-30得票数 0

1回答

创建不使用任何插件的动态徽标旋转木马

custom-post-types、functions、theme-development

在WordPress主题开发过程中，我被困在动态徽标旋转木马上。有人能告诉我如何在不使用插件的情况下动态创建徽标旋转木马吗？也许可以使用任何方法，如特写文章，图像传送带等。 📷

浏览 0提问于2018-09-27得票数 0

回答已采纳

1回答

用自己的调试器和滑块创建类别

7、taxonomy-terms、breadcrumbs、nodes

我是Drupal的新手。首先看看我的网站的结构：幻灯片旋转木马-只显示整个网站的选定节点挑逗-目前显示“促销到头版”项目。页脚-所有页面通用(可能是菜单或网站地图) 幻灯片旋转木马-只显示当前类别中选定的节点菜单-显示菜单或子类别中的链接及其节点。最简单的</em

浏览 0提问于2015-02-13得票数 0

回答已采纳

2回答

使用UseEffect错误的React/NextJS :呈现的钩子比上一次呈现时多

reactjs

我是使用ReactJS/NextJS的初学者。我正在创建一个旋转木马组件来使用NextJS框架中的图像优化功能。旋转木马组件工作良好，我想添加下一个幻灯片时，当道具的持续时间将被自动添加。我试图在UseEffect钩子中使用setTimeout创建一个函数来执行我的下一张幻灯片。我试过这个代码： import React, { useState, useEffect }

浏览 0提问于2021-07-22得票数 1

回答已采纳

1回答

有没有办法访问npm包中的方法？

reactjs

我目前正在建立一个网站，在那里我需要建立一个旋转木马。旋转木马需要有一个‘进度条’作为当前幻灯片的指示器(就像这里：https://www.samsung.com/uk)。我熟悉react-responsive carousel，但它没有为进度条内置的功能。我已经使用state有效地构建了一个秒表，以促进我的组件中的进度条。我不想使用react-responsive

浏览 46提问于2021-10-30得票数 1

1回答

如何添加移动手势(如。触摸和滑动)一个反应的启动带旋转木马组件？

reactjs、mobile、carousel、react-bootstrap

这个类似的问题对于JQuery版本有几十个答案，但是这里我使用的是一个反作用引导旋转木马组件，我想给它添加移动手势功能。我该怎么做呢？在JQuery中，简单的答案将是使用Hammer.js添加针对旋转木马的事件处理程序，然后，使用沿$(target_your_carousel).carousel('next/prev')的内容来幻灯片然而，在反应中，我们有ref来锁定旋转</em

浏览 2提问于2019-05-05得票数 2

1回答

引导旋转木马幻灯片更改上的暂停视频

reactjs、bootstrap-4、modal-dialog、carousel

我有一个视频数组，这些视频是由嵌入在模态对话框中的Bootstrap旋转木马显示的。当模式显示时，视频不会自动播放，但是你需要点击它，它就会开始播放。我的问题是，在幻灯片的改变，目前的视频播放不会暂停。所以，这就是我需要实现的，暂停当前视频时，用户改变幻灯片(前后)。我该怎么做？顺便说一下，我用的是反应Js。下面的是我的视频

浏览 8提问于2021-04-23得票数 1

2回答

有没有办法在“沃森助手”中创建一个旋转木马

ibm-cloud、chatbot、ibm-watson、watson-assistant

我有一个项目需要展示一个旋转木马。，我尝试了很多种方法，但是没有其他的方法适合我。尝试了许多Javascript和HTML，但是它们都没有在沃森中工作。已经有几天了。这确实是强制性的，任何知道的人，请帮助我。谢谢。

浏览 1提问于2021-02-11得票数 0

1回答

如何循环React引导转盘项目

reactjs、typescript、react-bootstrap

下面是我的代码，我想放在一个for循环中，并基于我的项目计数，我想创建旋转木马项目。这可以通过使用ngFor在angular中轻松实现，但我不知道如何在react中实现。

浏览 9提问于2019-12-06得票数 2

回答已采纳

1回答

Owl Carousel 2:过滤项目，但使用Javascript保持排序顺序

javascript、jquery、css、filtering、owl-carousel

我目前正在使用猫头鹰旋转木马2，并结合这个过滤示例创建一个筛选菜单，当单击筛选菜单列表中的标题时，旋转木马中的所有其他项目都会消失。这是非常好的工作，除了当显示被点击和所有项目返回到旋转木马，他们没有按照他们开始的顺序。滤波器我需要他们来维持他们的秩序。也许有一种更好的

浏览 0提问于2015-06-07得票数 2

回答已采纳

点击加载更多