具有相同滚动方向的嵌套FlatList不滚动
嵌套的FlatList是指在一个FlatList组件中嵌套了另一个FlatList组件。具有相同滚动方向的嵌套FlatList不滚动是指当两个嵌套的FlatList组件具有相同的滚动方向（例如都是垂直滚动），并且内部的FlatList没有足够的内容来填充整个可视区域时，内部的FlatList不会触发滚动。
这种情况下，外部的FlatList会正常滚动，而内部的FlatList会根据其内容的大小自动调整高度，不会触发滚动。这样可以避免在滚动外部FlatList时，内部FlatList也跟着滚动，从而提供更好的用户体验。
嵌套的FlatList通常在需要展示复杂的列表结构时使用，例如展示商品分类和商品列表。外部的FlatList可以展示商品分类，而内部的FlatList可以展示每个分类下的商品列表。这样可以实现更灵活的列表展示效果。
腾讯云提供了一系列与云计算相关的产品，其中与列表展示相关的产品是腾讯云移动直播（Mobile Live）产品。腾讯云移动直播是一款提供实时音视频直播服务的产品，可以满足开发者在移动端实现直播功能的需求。您可以通过以下链接了解更多关于腾讯云移动直播的信息：
腾讯云移动直播产品介绍：https://cloud.tencent.com/product/mlvb 腾讯云移动直播文档：https://cloud.tencent.com/document/product/454
相关·内容
2回答
具有相同滚动方向的嵌套FlatList不滚动
react-native
如果嵌套的FlatList与其父FlatList具有相同的方向，则不会滚动。这是一个bug吗？
浏览 23提问于2020-03-03得票数 4
1回答
FlatList隐藏在大的内容之后
react-native、react-native-flatlist
以下是我所做的简化工作(图像的样式和注释都管理得很好，我不把代码放在不污染问题的地方)： Image, View <View> <FlatList
data={comments.filter(item => null ==我不能滚动(
浏览 3提问于2021-05-21得票数 1
回答已采纳
3回答
本机"keyboardDismissMode“在FlatList上的反应
react-native、scrollview、textinput、react-native-flatlist、react-native-scrollview
是否有可能防止键盘在滚动FlatList时被丢弃？当使用ScrollView时，将道具"keyboardDismissMode“设置为"none”是解决此问题的方法，但是在FlatList中，这并不适用于我.我在一个自制的组件(即中)中使用FlatList，而它的头中有一个焦点化的TextInput。我将FlatList呈现如下： <F
浏览 2提问于2018-06-22得票数 3
回答已采纳
2回答
如何修复此警告: VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中
react-native、react-native-flatlist、react-native-scrollview、safeareaview
当我在FlatList内部使用ScrollView组件时，我会看到一个警告：我试图用SafeAreaView包装内容，但这对我没有帮助，因为在本例中，我无法滚动内容。我还尝试在ListHeaderCompo
浏览 6提问于2019-12-16得票数 3
1回答
如何使用map来获取JSON数据对象，而不是使用FlatList。ScrollView不在FlatList中工作
reactjs、json、react-native、react-hooks、react-native-flatlist
这里有一个错误-- VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中，因为它可以破坏窗口和其他功能--而是使用另一个VirtualizedList支持的容器。我的主要问题是我想在页面上滚动我的所有数据，但是图像没有滚动，因为它不在FlatList中。
如果我使用Flatlist，那么如何在页面上滚动我的所有数
浏览 10提问于2022-08-14得票数 0
回答已采纳
2回答
如何在另一个ViewPager2中使用ViewPager2
android、android-recyclerview、android-viewpager、android-viewpager2
我在另一个ViewPager2中使用ViewPager2。因此，该幻灯片仅适用于根ViewPager。如何让两个ViewPager都能工作？
浏览 35提问于2020-05-26得票数 4
回答已采纳
1回答
FlatList、Props ListHeaderComponent和动态扁平表数据
reactjs、react-native、socket.io、react-native-android、react-native-flatlist
我使用FlatList来显示所有这些数据，并且我需要在FlatList的顶部显示一些内容，比如过滤器和按钮。这段时间不超过500ms，但在ListHeaderComponent中我有一些按钮/过滤器，在这段时间内它们是不可点击的。 并且每次更新FlatList数据时，该问题都会重复出现。你可以在这里看到我的代码(简化版)： 我不知道如何更好地解释我的问题。但是如果我将ListHeaderComponent的组件移到F
浏览 44提问于2021-02-28得票数 0
回答已采纳
3回答
垂直滚动内的垂直滚动步骤-反应本机
react-native、react-native-flatlist、react-native-scrollview、react-native-sectionlist
我需要创建以下界面：
更新：
浏览 24提问于2022-03-23得票数 2
1回答
进入滚动视图的Flatlist
react-native、performance、scrollview、flatlist
VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中--使用另一个VirtualizedList支持的容器。
</View> <
浏览 4提问于2021-05-07得票数 0
回答已采纳
2回答
在FlastList上显示ScrollView
react-native
概述下面是我理想解决方案的一个模型，1 FlatList和1 ScrollView。FlastList具有绝对位置，并显示在ScrollView上。
我是在的基础上设计的。这样做的
浏览 6提问于2022-05-22得票数 0
回答已采纳
3回答
VirtualizedLists不应嵌套在普通ScrollViews中。
javascript、reactjs、react-native、native
当我打开我的VirtualizedLists时，不能选择或滚动DrowDown对话框，我大概知道问题出在哪里，请有人告诉我原因，或者告诉我解决方案。
浏览 7提问于2021-08-25得票数 0
回答已采纳
2回答
如何滚动呈现两个flatLists的整个屏幕？
reactjs、react-native、react-native-flatlist
我在一个flatLists中嵌套了两个scrollView，所以我能够滚动我的整个页面。但是，我知道出于多种原因，您不应该将flatLists嵌套在scrollViews中。如何在仍然能够滚动整个页面的同时呈现两个flatLists ?flatLists在文章底部的是我想要的行为。 <FlatListB/>
<
浏览 18提问于2022-12-01得票数 1
回答已采纳
1回答
ScrollViews和FlatList不一起工作
javascript、react-native
我在我的应用程序中收到了这个错误：{ selected === 2 && <Component2 />}现在在我的Component2最后，在我的CustomFl
浏览 24提问于2022-03-17得票数 0
1回答
在React本机上检测FlatList滚动方向
react-native
当我开始向下滚动时，我想让一张卡片滑动起来以获得完整的视图，当我向上滚动时，我想要向下滑动，但我不知道如何检测FlatList的滚动方向。 如何使用功能组件检测FlatList滚动方向？我认为可以使用带有contentOffset.y的onScroll来完成，但我不确定如何实现它。<FlatList onScroll={(event)=> event.nativeEve
浏览 18提问于2021-05-05得票数 0
回答已采纳
2回答
带有包含回收视图的片段的Android ViewPager2未滚动
android、android-recyclerview、fragment、android-viewpager2
我正在使用带有FragmentStateAdapter的ViewPager2来绑定片段。我的每个片段都有3个垂直布局的回收器视图。问题是我无法在碎片中滚动回收器视图，而且当我尝试垂直滚动内容时，视图分页程序会更改选项卡。如何解决这个问题？
浏览 2提问于2020-02-10得票数 2
1回答
Swift UITableViewCell子视图不注册tap
swift、uitableview、uicollectionview、uitapgesturerecognizer
每个月，UITableViewCell都会举行一次有UICollectionViewCell日的UICollectionView。因此，我可以在能够滚动UITableView或能够单击UICollectionView之间进行选择。我尝试过的：，我试着在点击发生之前捕获它，并把collectionView放在前面，然后再放回去。不过，
浏览 3提问于2016-10-19得票数 0
回答已采纳
1回答
KeyboardAwareScrollView阻塞嵌套滚动视图和setState函数不起作用
javascript、reactjs、react-native、keyboard、scrollview
style={styles.container} keyboardShouldPersistTaps="always"><SafeAreaView><FlatList/></keyboardAwareScrollView>
</View> 我正在尝试在keyboardawarescro
浏览 42提问于2021-04-17得票数 1
2回答
：在Androdid中滚动嵌套FlatLists时，刷新被卡住了
react-native、react-native-scrollview、react-native-flatlist
当将水平FlatList与其他垂直FlatList作为项使用时，似乎存在刷新的问题。当在垂直列表上启用刷新，而在水平容器列表上没有启用刷新时，就会发生这种情况。实际上，如果您非常carful并且只垂直滚动(这非常困难)，那么刷新每个单独的列表是可能的。但是，你立刻侧身滚动，耳目一新的东西就卡住了。反应本机嵌套FlatLists
我尝试用具有相同结果<
浏览 6提问于2017-04-12得票数 2
14回答
错误- VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中。
react-native
我正在开发一个react原生应用程序，我必须在Scrollview中放置一个对象列表，所以我使用FlatList组件来实现它。这是生成错误的代码段： Other components style=({ item, index}) => (somethings)} Other components完全错误
浏览 33提问于2021-05-20得票数 49
2回答
仅在Android模拟器中运行软件，Scrollview嵌套扁平表，无法滚动
android、reactjs、react-native
我使用srcollview嵌套平面列表来呈现数据。渲染成功后，在Android上运行时，视图无法滚动，但在IOS上运行时则不能。<View > data={categoryState} <FlatList
浏览 29提问于2020-12-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
