React本机FlatList未滚动
是指在React Native开发中使用的FlatList组件在初始状态下没有滚动。FlatList是React Native提供的一个高性能的可滚动列表组件，用于展示大量数据。
概念： FlatList是一个基于VirtualizedList的组件，它能够高效地渲染大量数据，并且只会渲染当前可见区域的列表项，而不是一次性渲染所有数据。这种虚拟化的方式能够提高性能和内存利用率。
分类： FlatList属于React Native的UI组件，用于展示可滚动的列表数据。
优势：
- 高性能：FlatList采用虚拟化技术，只渲染当前可见区域的列表项，大大提高了性能和内存利用率。
- 灵活性：FlatList提供了丰富的配置选项，可以自定义列表项的外观和行为，满足不同的需求。
- 数据驱动：FlatList通过props接收数据源，并根据数据源动态渲染列表项，使得列表的更新变得简单和高效。
应用场景： FlatList适用于需要展示大量数据的场景，比如社交媒体的消息列表、商品列表、新闻列表等。
推荐的腾讯云相关产品： 腾讯云提供了一系列与移动开发和云计算相关的产品，以下是一些推荐的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于搭建和部署应用程序。
- 云数据库MySQL版（CDB）：提供高可用、可扩展的关系型数据库服务，用于存储和管理数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，用于开发和部署人工智能应用。
- 物联网套件（IoT Hub）：提供物联网设备管理和数据采集的解决方案，用于构建物联网应用。
产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网套件（IoT Hub）：https://cloud.tencent.com/product/iothub
相关·内容
2回答
React本机FlatList未滚动
react-native、react-native-flatlist
我正在开发一个用于学习的React Native应用程序。现在，我在应用程序中使用FlatList。但我有个问题。我的平面列表无法滚动以查看所有项目。当我试图将它滚动出屏幕尺寸时，它又弹了回来。下面是我的代码： class Events extends React.Component { title: "Events"</Right>
</CardItem>
浏览 30提问于2019-06-08得票数 0
回答已采纳
1回答
用网格间隙对本机网格进行反应
react-native
我正试图做出反应，本土网格布局，我要疯了。首先，我有这样的标记： ... <View style={styles.children}><Text>1</Text></View> <View style={styles.ch
浏览 3提问于2020-01-13得票数 0
1回答
在React本机中滚动FlatList不提供Android中的Talkback消息
android、react-native、react-native-flatlist、accessibility
我正在使用React本机的FlatList组件。当用户在Android上滚动FlatList时，不显示“显示项目.到. of .”
在iOS上，带有画外音的滚动会给出反馈(显示y的页面x)。我想知道这是否是反应本地FlatList方面的一个空白？还是我错过了一些设定？
浏览 0提问于2018-04-05得票数 8
回答已采纳
3回答
反转FlatList
android、reactjs、react-native
我目前正在开发一款适用于安卓的react原生应用程序，并且可以访问新的FlatList。它有一些非常需要的功能。但是，我的listview是使用react-native-invertable-scroll-view反转的。这在FlatList中似乎不能正常工作。滚动未正确反转。有人知道如何反转FlatList吗？或者如何加载Flatlist，然后在用户不注意的情况下强制滚动到底部？我自己强制向下滚动的尝试经常被延迟。
浏览 1提问于2017-04-14得票数 29
回答已采纳
2回答
如何防止父平面列表在子视图中水平滚动时的垂直滚动？
react-native、react-hooks、react-native-flatlist
我有一个垂直滚动的Flatlist，在Flatlist的每一个项目中，我都有一个SwipeListView，来自react本机-刷-列表-视图。每当我在SwipeListView内水平滑动时，如果我也开始垂直滚动，然后开始垂直滚动Flatlist，它就会被取消。有人知道如何在子组件中滚动时禁用FlatList滚动吗？
浏览 11提问于2022-10-02得票数 3
2回答
我无法滚动在反应本机应用程序
javascript、android、react-native、genymotion
我不能在我的应用程序中滚动。创建网站时，如果元素的高度超过页面的高度，则必须滚动，但是当应用程序元素超过页面的高度时，在本机反应中，我的应用程序不会滚动，我也看不到我的应用程序。我怎么才能解决呢？
浏览 6提问于2022-01-13得票数 0
2回答
水平FlatList在ScrollView中不滚动
android、react-native
我有一个屏幕，在一个FlatLists中有许多水平的ScrollView，结构如下所示： <View> </View> <FlatList horizontal={true} .../> <View>
<FlatList horizon
浏览 9提问于2019-10-16得票数 1
1回答
无法使Flatlist拉出刷新工作
javascript、react-native
darkorange" /> );
<View style={styles.container}>
<FlatList
浏览 1提问于2019-09-05得票数 1
回答已采纳
1回答
反应中的FastScroll
reactjs、react-native、scrollview、react-native-flatlist、fastscroll
对在React？上实现快速滚动AKA fastScroll有何建议？我正在寻找类似于下面的屏幕截图，用户可以正常滚动通过触摸列表项目，但也滚动更快使用滚动</
浏览 5提问于2020-07-23得票数 1
1回答
对本地FlatList和SectionList的反应:如何在滚动中获取数据
react-native、react-native-flatlist、react-native-sectionlist
在React本机的FlatList或SectionList中，当用户滚动到列表的末尾时，获取分页数据很容易用onEndReached实现。但是，如果设置了initialScrollIndex，并且用户滚动起来，是否有任何方法来获取数据？
浏览 12提问于2022-08-30得票数 1
回答已采纳
2回答
当使用ScrollView在react本机中使用时，将裁剪最后一个图像
react-native、scrollview、react-native-flatlist
我正在尝试构建类似instagram的帖子，这是可以滚动的连续图片。编辑:我已经把滚动视图改成了平面图，仍然面临着同样的问题，你还能建议做些什么吗？编辑2:意识到平面列表上的<Header />和<Stories />没有让它完全滚动，也就是说它没有滚动的高度与<Header />和<Stories />的高度成正比。) }
<&
浏览 6提问于2022-05-09得票数 0
1回答
当有其他组件呈现在ReactNative FlatList之前时，它不是完全可见的。
react-native、react-native-flatlist
我遇到了一个奇怪的问题，使用React本机FlatList ( sectionList和ListView也出现了同样的问题)import React, { Component } from 'react';
import { Modal, Text, TouchableHighlight,
浏览 0提问于2018-11-13得票数 1
回答已采纳
4回答
在“Flatlist”中添加数据，而不刷新react本机中的完整“Flatlist”
react-native、react-native-flatlist
FlatList附带了从API获取下一组数据的选项，当listview到达末尾时，我们也可以使用scrollTo函数保留Flatlist的最后滚动位置，但是实现这种方法是在下一个分页数据请求完整的listview加载时创建FlatList的重新加载，我们滚动到最后一个左转位置。无论如何，如果我们能够实现一个特性，即Flatlist中的现有数据不会刷新，并且只有新的数据附加到底部，而不改变react本机中的滚动位置，将有助于以更优化的方
浏览 15提问于2022-05-08得票数 7
回答已采纳
5回答
响应导航:滚动到顶部，如果选项卡与活动选项卡相同
reactjs、react-native、scroll、tabs、react-navigation
如果我现在在第一个选项卡上，一直向下滚动，然后再次单击该选项卡，我希望它滚动到顶部。这个是可能的吗？
我知道我应该有一个带有引用的滚动视图，然后使用this.
浏览 5提问于2018-02-18得票数 11
回答已采纳
7回答
FlatList‘t不滚动
react-native
我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，它不是滚动，而是ScrollView<em
浏览 2提问于2018-06-29得票数 47
回答已采纳
1回答
将本机包从“手势-处理程序”导入FlatList并导致错误，当从“回-本”滚动更改导入时不起作用。
react-native、react-native-gesture-handler
当我将FlatList的导入从“react本机-手势-处理程序”更改为“react-本机”时，会提到错误，但它无法滚动列表。我想要得到的包裹：
将链接到滚动不起作用的更改文件(在github上，它位于/src/components/Picker.tsx中)：
浏览 14提问于2022-08-11得票数 2
1回答
如何在React Native中以“向上”和“向下”两种方式将新数据加载到React？
javascript、android、react-native、react-native-flatlist
我正在使用Flatlist和React Native for Android，我需要在Flatlist的"Up“和"Down”位置(或水平视图中的"Left“和"Right”)到达Flatlist的末尾时动态加载新数据然而，Flatlist只有本机函数可以在onEndReached中“向下”(或在水平方向上“向右”)执行某些操作。你可以通过检测用户是否向左或向右滚动来解决这个问题，但是当我将新数据添加到state的"Up
浏览 12提问于2019-03-19得票数 2
6回答
反应中反应的FlatList当量
javascript、reactjs、react-native、react-native-flatlist
是否有与React的组件相当的React本机？在Reacti原住民中构建了一个移动应用程序之后，我现在将它转换为一个web应用程序。(考虑过使用，但决定不使用它，主要是因为我想学习React。)
浏览 4提问于2018-09-28得票数 18
回答已采纳
1回答
无限FlatList问题-反应本地，世博
react-native、expo、react-native-flatlist
我正在使用世博会开发反应-本机应用程序。我想做一个无限列表，但是每次onEndReached事件被触发时，FlatList是刷新的自动滚动到页面的顶部！import React, { useState, useEffect } from "react"; }, []);
<Sa
浏览 2提问于2020-01-16得票数 0
2回答
React本机Flatlist不滚动
javascript、react-native、flatlist
我有一个天气应用程序在react本机上使用react-native-app-intro-slider 。item.air_pressure} hPa</Text> </View> <FlatListrenderItem={renderFlatListItem}
浏览 3提问于2022-03-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
