FlatList不能水平滚动
FlatList是React Native中的一个组件，用于在移动应用中展示可滚动的列表。它类似于Web开发中的列表组件，如HTML中的ul、ol标签或者React中的map函数。
FlatList的主要特点是可以高效地渲染大量数据，并且支持垂直滚动。然而，FlatList默认情况下不支持水平滚动，即无法在水平方向上滚动列表项。
如果需要实现水平滚动的列表，可以使用另一个组件HorizontalFlatList，或者自定义一个滚动容器，并在其中放置水平排列的列表项。
在腾讯云的移动开发解决方案中，可以使用腾讯云移动开发套件（Mobile Development Kit，MDK）来开发移动应用。MDK提供了丰富的组件和功能，包括列表组件，可以方便地实现水平滚动的列表。
更多关于腾讯云移动开发套件的信息，可以参考腾讯云官方文档：腾讯云移动开发套件介绍。
总结：FlatList是React Native中用于展示可滚动列表的组件，但默认不支持水平滚动。可以使用其他组件或自定义滚动容器来实现水平滚动的列表。在腾讯云的移动开发套件中，可以使用MDK来开发移动应用，并实现水平滚动的列表。
相关·内容
我正在尝试在"AppIntroSlider“中实现”react-native-app-intro slider“的水平滑动。import AppIntroSlider from 'react-native-app-intro-slider';
我浏览了这个包的npm，我看到它使用水平滚动FlatList来水平滚动多个页面。在每个页面中，我都显示了简短的介绍文本和python的代码片段，这些代码片段在水平方向上不适合屏幕。问题是我不能
浏览 2提问于2020-02-03得票数 0
我试图水平滚动，但它永远不会移动到第二或第三项。当我向左拖动时，我看不到第二个元素的一部分。backgroundColor: "blue"}}></View> } return <View style={{flex: 1}}>
<FlatList
浏览 26提问于2021-10-10得票数 0
回答已采纳
我正在尝试实现一个有两行的水平滚动列表。使用FlatList，垂直滚动列表需要设置numColumns，但是对于使用具有水平的行没有等效的设置。 horizontal
浏览 8提问于2017-08-29得票数 27
我的应用程序中有以下FlatList组件，但即使我将水平道具设置为false，它仍然允许我在滚动时水平移动屏幕。<FlatList renderItem={({ item }) => props.renderItem(item)}
horizontal=
浏览 34提问于2019-02-11得票数 4
我正在使用Flatlist和React Native for Android，我需要在Flatlist的"Up“和"Down”位置(或水平视图中的"Left“和"Right”)到达Flatlist的末尾时动态加载新数据然而，Flatlist只有本机函数可以在onEndReached中“向下”(或在水平方向上“向右”)执行某些操作。你可以通过检测用户是否向左或向右滚动来解决这个问题，但是当我将新数据添加到state的"Up
浏览 12提问于2019-03-19得票数 2
2回答
我在React Native中使用了平面列表，但我没有发现，如果可能的话，可以像你在图像中看到的那样制作一种网格。我怎么能这么做呢？(这个列表还在继续) ?
浏览 17提问于2021-02-08得票数 1
回答已采纳
我正在尝试在我的应用程序中使用FlatList (React原生的)。我使用它的水平和可以看到滚动条。ScrollView中有一个选项可以隐藏滚动条，但在FlatList中没有。import React, { Component } from 'react';
import { Text, View, FlatList, StyleSheet, ScrollView } fromView style={{ overflow:'hidden' }}&
浏览 16提问于2017-05-15得票数 121
回答已采纳
2回答
在我的应用程序中，我需要创建一个类似于屏幕截图的网格：
目前我使用的是来自react-native的简单的"View“组件，左边和上边都有边框。当我点击顶部的日期时，大约需要0.5 -1秒(取决于单元格数量)来重新渲染。有没有更好的方法来制作这样的网格呢？
浏览 0提问于2017-05-29得票数 1
第一个和第二个是水平滚动的FlatLists，而最后一个FlatList是滚动的vertically.My问题时滚动最后一个FlatList。它不去底部，它保持在相同的位置，但滚动(就像它有一个固定的高度)。如何摆脱这种东西。我在尝试一种滚动整页的方法。我也附上了一个GIF，这样才有意义。谢谢。<SafeAreaView style={{flex:1}}/>&l
浏览 1提问于2022-11-28得票数 0
回答已采纳
2回答
我正在顶层TabView (来自)的一个页面中呈现一个水平FlatList (来自)<FlatList renderItem={renderItem} pagingEnabled
showsHorizo
浏览 78提问于2021-02-18得票数 1
1回答
我有一个水平平面列表，但它不能滚动有人能帮我吗？<FlatList contentContainerStyle={{
浏览 15提问于2021-06-03得票数 0
回答已采纳
2回答
我有一个启用了分页的水平ScrollView，每个页面都是垂直的FlatList。 通常，当用户试图在FlatList上向下滚动时，会发生水平滚动，并最终转到下一个ScrollView页面。有没有办法配置ScrollView灵敏度，使其仅在水平阻力较大时触发，如果这有意义的话？ 我已经查看了文档，但没有找到任何东西。code}> data={categor
浏览 167提问于2021-10-11得票数 1
1回答
我使用FlatList进行水平滚动。它的工作方式与预期一致。我可以快速滚动到下一项或最后一项。但我只需要滚动到下一项。所以每一次滑动都会让我滚动到最近的项目。我能用FlatList来做吗？
浏览 8提问于2020-05-15得票数 1
我有一个垂直滚动的Flatlist，在Flatlist的每一个项目中，我都有一个SwipeListView，来自react本机-刷-列表-视图。每当我在SwipeListView内水平滑动时，如果我也开始垂直滚动，然后开始垂直滚动Flatlist，它就会被取消。有人知道如何在子组件中滚动时禁用FlatList滚动吗？
浏览 11提问于2022-10-02得票数 3
我有一个水平滚动视图在我的扁平列表，但它不会滚动。这是我的平面表是否可以将水平滚动视图放入flatlist中？
浏览 20提问于2019-08-23得票数 0
回答已采纳
1回答
FlatList水平滚动
、、、、
我正在创建onBoarding屏幕，我已经创建了每个屏幕项目作为一个组件，并试图用Flatlist呈现它们，到目前为止，一切都很顺利，但当我滑动平板表以查看其他屏幕时，它会滑动40%，并有力地显示当前屏幕这是用于解释的视频：import React, { useState } from 'react'; </View> };
浏览 4提问于2022-11-08得票数 0
回答已采纳
我最近开始使用react-native，并且偶然发现了FlatList组件。在使用react时，我总是使用带数组的map。我使用的是FlatList，但当我想要更改FlatList中项目的flex-direction时出现了问题，所以我又使用了map。{ <UsersImage key={ image } source={{ uri: image }} /> })FlatList<FlatList</e
浏览 2提问于2018-01-05得票数 19
回答已采纳
2回答
我不能在我的应用程序中滚动。创建网站时，如果元素的高度超过页面的高度，则必须滚动，但是当应用程序元素超过页面的高度时，在本机反应中，我的应用程序不会滚动，我也看不到我的应用程序。我怎么才能解决呢？
浏览 6提问于2022-01-13得票数 0
我想创建一个水平滚动平面图2行3列可见。数据将是来自api的动态数据。我已经成功地创建了垂直滚动的Flatlist，看起来像这样：
<FlatList
ref={(ref) => { this.
浏览 0提问于2019-12-02得票数 0
1回答
是否可以初始化React Native Flatlist水平滚动到右端。我有一个列表，其中包含一天的不同时间。如果时间已经过去，我希望将视图滚动到右端。<FlatList renderItem={({ item, index }) => this.renderContent(item
浏览 30提问于2021-01-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
