在React本机上检测FlatList滚动方向

文章/答案/技术大牛

发布

1回答

react-native

当我开始向下滚动时，我想让一张卡片滑动起来以获得完整的视图，当我向上滚动时，我想要向下滑动，但我不知道如何检测FlatList的滚动方向。如何使用功能组件检测FlatList滚动方向？<FlatList onScroll={(event)=> event.nativeEvent.contentOffset.y....?

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

回答已采纳

1回答

如何在React Native中以“向上”和“向下”两种方式将新数据加载到React？

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

我正在使用Flatlist和React Native for Android，我需要在Flatlist的"Up“和"Down”位置(或水平视图中的"Left“和"Right”)到达Flatlist的末尾时动态加载新数据然而，Flatlist只有本机函数可以在onEndReached中“向下”(或在水平方向上“向右”)执行某些操作。你可以通过检测用户是否向左或向右滚动来解决这个问题，但是当我将新数

浏览 12提问于2019-03-19得票数 2

6回答

反应-本机: FlatList onRefresh没有被拉上来。

react-native、react-native-flatlist

我已经在setState函数的回调中设置了GET请求，但这似乎没有起到任何作用。打开视图调用onRefresh函数。...StoryActions.setStories(res.data)) } return ( <FlatList

浏览 12提问于2017-06-27得票数 17

回答已采纳

3回答

FlatList与map react-native

javascript、reactjs、react-native、ecmascript-6

我最近开始使用react-native，并且偶然发现了FlatList组件。在使用react时，我总是使用带数组的map。我使用的是FlatList，但当我想要更改FlatList中项目的flex-direction时出现了问题，所以我又使用了map。{ <UsersImage key={ image } source={{ uri: image }} /> })FlatL

浏览 2提问于2018-01-05得票数 19

回答已采纳

3回答

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

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

这些部分中的一个包含垂直FlatList。我希望SectionList严格按节垂直滚动(例如通过scrollToLocation)，而垂直FlatList应该在自身内自由滚动，并且独立于SectionList滚动。也许您不需要使用SectionList或FlatList来解决这个问题，这就是我对如何实现这个问题的设想。谁有办法解决这个问题？我在中创建了一个代码示例。我还不能解决的问题：正如

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

1回答

水平幻灯片在react本机的AppIntroSlider npm中不起作用

react-native、react-native-android、android-scrollview、react-native-flatlist、android-nestedscrollview

我正在尝试在"AppIntroSlider“中实现”react-native-app-intro slider“的水平滑动。import AppIntroSlider from 'react-native-app-intro-slider'; 我浏览了这个包的npm，我看到它使用水平滚动FlatList来水平滚动多个页面。在每个页面中，我都显示了简短的介绍文本和python的代码片段，这些代码片段在水平方向</em

浏览 2提问于2020-02-03得票数 0

14回答

错误- VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中。

react-native

我正在开发一个react原生应用程序，我必须在Scrollview中放置一个对象列表，所以我使用FlatList组件来实现它。这是生成错误的代码段： Other components style=item, index}) => (somethings)} Other components完全错误是：V

浏览 33提问于2021-05-20得票数 49

1回答

React-Native:在FlatList中反向zIndex

android、ios、react-native、z-index、react-native-flatlist

我有一个包含一些元素的FlatList，其中顶部元素应该与底部元素重叠。为此，我想反转zIndex，但FlatList一直覆盖我的zIndex。在下面的代码中，我试图用zIndex: 0 - index反转zIndex，但没有成功 import React, { Component } from "react"; ex

浏览 24提问于2019-02-09得票数 5

2回答

如何修复此警告: VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中

react-native、react-native-flatlist、react-native-scrollview、safeareaview

当我在FlatList内部使用ScrollView组件时，我会看到一个警告：我试图用SafeAreaView包装内容，但这对我没有帮助，因为在本例中，我无法滚动内容。我还尝试在ListHeaderComponent={SafeAreaView}和List

浏览 6提问于2019-12-16得票数 3

1回答

FlatList禁用向左滑动手势

javascript、reactjs、react-native、react-native-flatlist

我在应用程序中使用水平FlatList来呈现数据。我已经尝试过react-native-swipe-gestures，但是我被这个问题困住了，并没有像预期的那样工作。有没有办法用FlatList解决这个问题？谢谢!

浏览 29提问于2019-11-07得票数 2

1回答

如何使用map来获取JSON数据对象，而不是使用FlatList。ScrollView不在FlatList中工作

reactjs、json、react-native、react-hooks、react-native-flatlist

这里有一个错误-- VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中，因为它可以破坏窗口和其他功能--而是使用另一个VirtualizedList支持的容器。我的主要问题是我想在页面上滚动我的所有数据，但是图像没有滚动，因为它不在FlatList中。如果我使用Flatlist，那么如何在页面上滚动我的所有数据？如果我不能使用Flatlist滚动我的所有页面数据，那么如何滚动和映射json数据。提

浏览 10提问于2022-08-14得票数 0

回答已采纳

1回答

从同一个元素中反应本地的、Flatlist播放的多个事物

react-native、display、react-native-flatlist

我想使用Flatlist，但如果需要，其他东西可以使用。我对CSS代码不感兴趣，但更多的是关于显示的想法。感谢您的热心帮助

浏览 3提问于2022-04-12得票数 1

回答已采纳

2回答

多方向滚动FlatList* (反应-本机)*

react-native、scrollview、react-native-flatlist

我面临的问题是，我需要在组件上呈现许多网格元素，从网格开始，将有2,500个项目(50个水平和50个垂直)，这个网格视图需要在两个方向上都可以滚动，也需要在对角线上滚动，我能够通过将这个支柱directionalLockEnabled={false}应用到常规的react(原生ScrollView )中来做到这一点，但是由于我有很多项被赋予了ScrollView的性能，所以我想用一个FlatList来代替它，但是无法找到一种方法使它在所有方向上都可以滚动我的问题是，是否

浏览 24提问于2022-10-27得票数 0

2回答

如何检查Jetpack组合中列表项的可见性

android、android-jetpack-compose、android-jetpack-compose-list、android-jetpack-compose-lazy-column

FlatList of React Native有一个属性viewabilityConfigCallbackPairs，您可以在其中设置： itemVisiblePercentThreshold: 50, }我有一个卡视图列表，我想检测哪些卡片项目(至少50%的卡是可见的)是可见的。但是，只有当用户单击卡片或<

浏览 11提问于2021-09-20得票数 2

回答已采纳

1回答

如何在React-Native中创建水平循环视图？

javascript、reactjs、react-native

Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。我如何制作这样的列表？

浏览 33提问于2019-09-19得票数 0

2回答

反应-本机滚动到顶部与拉刷新iOS

react-native、react-native-ios

我有一个反应本地应用程序，当FlatList在iOS中刷新时，我想滚动到顶部。我可以通过以下方式滚动到FlaList的顶部：现在，列表已经开始刷新有没有人知道，如果打开的话，我可以滚动到刷新指示器的上方？只有在iOS中才会出现这种情况，因为Android的刷新指示器的工作方式不同。这让我回想起如何在RefreshContro

浏览 3提问于2017-12-03得票数 4

回答已采纳

16回答

FlatList不滚动

javascript、css、reactjs、react-native

我已经创建了一个屏幕，其中显示了一个包含FlatList的组件。因为某种原因，我无法翻阅列表。谁能发现我的错误并指出正确的方向？flex: 1, },来自listitem组件的呈现函数和样式：texthour: {},我的列表组件中的呈现函数和样式： export defaul

浏览 0提问于2018-02-07得票数 41

回答已采纳

7回答

FlatList‘t不滚动

react-native

我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，它不是滚动，而是Scro

浏览 2提问于2018-06-29得票数 47

回答已采纳

1回答

在电话上滚动方向？

javascript、jquery、mobile

如何检测手机上的滚动方向？我目前正在使用在发生触摸滚动时调用onPhone函数。但是如何检测它是向下滚动还是向上滚动呢？

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

回答已采纳

3回答

响应本地ScrolView，为Flatlist发出警告

react-native、react-native-flatlist

我正在为我的新项目创建UI，并且屏幕长度很大，所以我把Scrollview放在屏幕上，这样用户就可以滚动屏幕，在同一个屏幕上，我使用六个调试器来呈现一些数据，但是当我在IOS模拟器上运行我的应用程序时，我几乎在我使用滚动视图下的Flatlist的每个屏幕上都会收到警告，请检查附带的屏幕快照。

浏览 7提问于2022-01-13得票数 0

点击加载更多