React native -在滚动视图中按snapToInterval滚动

文章/答案/技术大牛

发布

1回答

react-native、scrollview

排序问题:如何确保每个滚动的滚动效果与我在snapToInterval中指定的值一样。细节:无论我在滚动视图中滚动的速度有多快，我怎样才能让它像snapToInterval值一样滚动。Video Url 我想要的是，无论我滚动的速度有多快，每次滚动时都能滚动一个视频。我找到了this answer，但这并不能完全解决我的问题。我的代码： <FlatList

浏览 62提问于2020-12-06得票数 0

1回答

在react本机中无法使用滚动视图onendreached

react-native、horizontalscrollview、react-native-scrollview

我正在使用react native中的scrollview，但onendreached不起作用，我如何在水平滚动视图中使用onendreached <Animated.ScrollViewhorizontal showsHorizontalScrollIndicator={false} snapToInterval={CARD_WIDTH}></Animated.ScrollView

浏览 19提问于2019-12-31得票数 0

3回答

如何使用react中的栈实现滑动导航-类似于TikTok？

javascript、react-native、react-native-navigation

在App.tsx中，我有： return

浏览 9提问于2022-11-13得票数 0

回答已采纳

2回答

在animated.Scrollview中转到视图

ios、react-native

使用此代码，我尝试在每个标记上添加一个onpress选项经过多次尝试我放弃了..。当我滚动时，我可以看到标记在变化，但我想在每个标记中添加一个onpress函数。当按下标记上的一个时，我想将滚动视图设置为我的maker的位置 this.index = 0; scrollEventThrottle={1}

浏览 31提问于2018-07-23得票数 1

回答已采纳

2回答

ScrollView snapToInterval和snapToAlignment不适用于文本元素列表

javascript、react-native

我正在尝试重新创建一个类似Instagram摄像头底部的水平滚动视图。这是一个文本元素的水平列表，当你滚动通过它的时候，每个元素都会在中间抓取。它允许您选择各种相机设置。这是一个截图：但是，我不能让snapToInterval或snapToAlignment工作。相反，scrollView对齐到弹性启动，没有抓拍动画.这里是一个gif (仍然需要工作)：以下是完整的组件：import React from 'react&#

浏览 0提问于2018-10-13得票数 1

回答已采纳

1回答

如何在React本机FlatList (2018)中对列进行右转

react-native、react-native-flatlist

下面是一个快餐店的例子- import { FlatList, Text, View } from 'react-native'; 更新1 我不认为使用嵌套的FlatList可以轻松地解决这个问题，这是我在使用上面的numColumns方法之前首先尝试过的事情。这里的

浏览 1提问于2018-04-15得票数 5

2回答

如何使用选项卡视图滚动整个屏幕？

react-native、scrollview、react-native-tab-view

我使用这个库：https://github.com/satya164/react-native-tab-view 我尝试了很多次，做了很多不同的事情，但都没有成功。我希望有谁能帮助我我可以滚动，但他不会显示所有的结果。我不想在选项卡中滚动，我想滚动整个配置文件屏幕 ? from 'react'; import { View, Text, useWindowDimensions, Dimensions } from &#x

浏览 27提问于2021-04-25得票数 1

2回答

需要在Flatlist中滚动单个项目视图，无论捕捉速度如何

react-native、react-native-flatlist

它可以滚动多行。需要一个类似于ios原生isPagingEnabled标志或像TikTok应用程序视频滚动的解决方案。下面是我的代码import { View, FlatList, Text, Dimensions, StyleSheet, StatusBar } from 'react-native'; export default class Videos

浏览 0提问于2019-07-02得票数 7

1回答

React Native:在React钩子中将引用从父级传递到子级

reactjs、react-native

最终，我会尝试这样做，这样我就可以滚动到子组件的开始onPress。有人能帮我弄清楚吗？获取错误：`scrollViewRef.scrollTo不是函数‘import { ScrollView, Button} from 'react-native'; con

浏览 7提问于2020-05-25得票数 0

回答已采纳

5回答

React Native Nested无法在安卓设备上滚动

javascript、reactjs、react-native

我在Android设备上有嵌套滚动视图的问题，但IOS正常如何解决B滚动视图不能滚动的问题？

浏览 1提问于2016-05-26得票数 16

3回答

滚动视图不能在react原生中滚动

react-native

滚动视图不滚动 <View style={{flex: 1}}> contentContainerStyle

浏览 13提问于2019-06-11得票数 2

1回答

使用Skele组件在React-Native的视区中播放视频

react-native、react-native-video

作为一个新手，我正在尝试创建一个应用程序，在视口中播放视频(本地视频)。用户向左和向右滚动，当视频出现时，它会自动播放。如果视频不在视图中，它将停止播放。我尝试遵循以下教程：https://codedaily.io/courses/4/Fundamentals-of-React-Native-Video/37 将所有计算更改为使用宽度而不是高度，但不起作用然后我偶然发现了Skele-Components：https:/

浏览 10提问于2019-06-01得票数 1

1回答

如何使用react本机-手势-处理程序来处理ScrollView中的react本机-skia？

react-native、react-native-gesture-handler

描述：对我来说，预期的行为是，即使在<e

浏览 10提问于2022-09-12得票数 1

回答已采纳

3回答

垂直滚动内的垂直滚动步骤-反应本机

react-native、react-native-flatlist、react-native-scrollview、react-native-sectionlist

我希望SectionList严格按节垂直滚动(例如通过scrollToLocation)，而垂直FlatList应该在自身内自由滚动，并且独立于SectionList滚动。更新：如何严格按节使SectionList滚动。正如您所看到的，在SectionList和FlatList上有一个普通的卷轴，这不是我所需要的。这两个列表的滚动应该是独立的(如果我滚动FlatL

浏览 24提问于2022-03-23得票数 2

1回答

如何获得React组件的引用或信息，该组件在使用React Scrollbar进行垂直滚动时滚动到视图中？

javascript、jquery、css、reactjs

我有几个react组件垂直堆叠在一个容器中，使用react滚动条来执行滚动，我想根据当前滚动到视图中的组件在每个组件上独立执行一些操作，我如何在react中获取此信息并激发事件或任何其他方式来执行这些操作<Scrollbars> <Component2/> </Scrollbars>

浏览 19提问于2019-07-02得票数 0

回答已采纳

3回答

如何在react本机滚动条中设置滚动指示器的样式

react-native、scrollview

我想在react native.I中使用的垂直滚动条中的我的滚动指示器中添加一些样式。我想使滚动指示器比默认大小更宽，以便用户可以清楚地看到滚动指示器。此外，我还想在滚动指示器中更改颜色和其他一些东西。在任何平台上也应该兼容

浏览 1提问于2018-06-08得票数 20

1回答

react-native-draggable-react列表在ScrollView中不起作用

javascript、reactjs、react-native、react-redux、react-native-draggable-flatlist

在过去的几个月里，我一直在努力实现一个要求，即我在一个滚动视图中有一个可拖动的平面列表和一个平面列表，并且我应该能够滚动整个内容。可拖动的平面列表也应该有自动滚动，这意味着当列表太长时，当我试图将它拖出视口时，列表应该自动滚动，除非我放下它。我知道这个要求相当棘手，但我没有得到任何线索来让它完全工作。我使用下面的代码，并使用'react-native-draggable-flatlist'()实

浏览 63提问于2020-06-06得票数 8

1回答

获取在React Native中有多少视图是可见的？

javascript、react-native、scrollview、opacity

我有一个充满图片的React Native ScrollView --一次一个图片，垂直滚动。现在，当图像进入或离开视图时，我希望它的透明度是可见程度的函数。也就是说，如果我将一个视图半入半出视口，我希望它的透明度为0.5，如果它完全位于视区内，我希望它为1.0，当它完全离开视线时，我希望它为0.0。在iOS中，我会使用UIScrollView委托函数scrollViewDidScroll来实现这一点。如何在React Native中执行此操作？

浏览 0提问于2018-10-11得票数 1

1回答

使用React Native在视图中自动滚动

reactjs、react-native、react-native-ios、autoscroll、custom-scrolling

目前正在处理一个项目，我希望在视图中实现自动滚动。使用React Native可以做到这一点吗？我在互联网上搜索过，没有发现任何显示这种能力的东西。大多数堆栈溢出问题和YouTube视频处理不同视图之间的滚动(不在同一视图中)，滚动到底部(使用Scroll To)，无限滚动，或响应滚动。但我还没能找到任何与给定视图中的自动滚动相关的东西。

浏览 3提问于2017-11-13得票数 0

1回答

浏览器中是否有搜索/查找事件？

javascript、javascript-events、find

我正在建设一个不能滚动的，固定布局的网站，但像往常一样，非常规网站往往存在不足。页面中有一个可滚动的新闻元素，它通过鼠标滚轮上下滚动div容器的div childs。当有人试图在页面中进行搜索时，按下CTRL+F键，内容就在视区之外(没有滚动到视图中)，这就出现了问题。有没有什么通用的事件来处理浏览器中的查找/搜索？

浏览 3提问于2011-10-10得票数 1

回答已采纳

点击加载更多