由于项目高度不固定，FlatList无法滚动

文章/答案/技术大牛

发布

2回答

reactjs、react-native、expo、react-native-flatlist

我使用FlatList来呈现从后端服务器获取的所有项。: { alignItems: "center",}); 我已经注意到，我的FlatList不会滚动，除非我设置了一个固定的高度，我的项目正在呈现。我不想这样做，因为一个项目可以是任何高度。: 10, height:

浏览 63提问于2020-08-31得票数 0

回答已采纳

1回答

响应本机FlatList scrollToItem错误

react-native、react-native-ios、react-native-flatlist

我使用的是React本机FlatList组件。单击列表项时，它会将更多的项添加到列表中，并使用函数ScrollToItem将其滚动到其中之一。有时，在android上滚动时会出现以下错误： scrollToIndex应与getItemLayout或onScrollToIndexFailed一起使用，否则无法知道屏幕外索引或处理故障的位置。我试图实现getItemLayout函数，但是我的项目没有固定的高度，而且我有多种类型的不同高度的项目</

浏览 0提问于2018-08-20得票数 4

2回答

本机反应:用制表符动画化缩小页眉

javascript、react-native

目标设置尝试的方法我尝试过，但是由于标签的原因，我无法让它工作。我还尝试用两个ScrollView/FlatList实现它:一个包装在整个视图周围，另一个包装内容，但我无法通过本机响应来传播滚动

浏览 2提问于2017-05-19得票数 22

回答已采纳

1回答

如何在React Native中将height或maxHeight设置为FlatList？

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

我如何设置我的FlatList的固定高度，使它可以滚动，而不是继续转到bottom。目前，修复的height正在工作，但我的FlatList不能滚动，我尝试添加showsVerticalScrollIndicator={true}，但没有可见的垂直滚动指示器。我的Flatlist在另一个FlatList中，请不要告诉我使用ScrollView

浏览 173提问于2021-10-31得票数 2

1回答

React原生滚动动画

react-native

当我在FlatList中上下滚动时，HeaderArea的高度无论如何都不会改变它的高度！当我在页面下方滚动和查看扁平列表中的项目时，HeaderArea需要将大小从startHeaderHeight缩小到endHeaderHeight。请帮帮忙，你能找出我哪里错了吗？<View style={styles.flatStyle}> <FlatList</

浏览 19提问于2021-03-26得票数 1

回答已采纳

1回答

如何在本机反应中处理多个FlatLists

javascript、reactjs、react-native

第一个和第二个是水平滚动的FlatLists，而最后一个FlatList是滚动的vertically.My问题时滚动最后一个FlatList。它不去底部，它保持在相同的位置，但滚动(就像它有一个固定的高度)。如何摆脱这种东西。我在尝试一种滚动整页的方法。我也附上了一个GIF，这样才有意义。谢谢。<SafeAreaView style={{flex:1}}/> //Top FLatLis

浏览 1提问于2022-11-28得票数 0

回答已采纳

1回答

平面表getItemLayout用法

android、performance、react-native、react-native-flatlist

为什么我们在flatlist中使用getItemLayout，它如何帮助react原生文档提高flatlist .check的性能，但没有找到令人满意的答案。

浏览 1提问于2018-02-08得票数 22

回答已采纳

2回答

如何在为react本机FlatList* getItemLayout呈现视图之前获取它的大小*

react-native、react-native-flatlist

我需要将initialScrollIndex在FlatList上设置为1，所以第二行在初始加载时是可见的。这取决于getItemLayout。我的FlatList单元格包含不同长度的文本，导致每个单元格的高度不同，导致无法在getItemLayout中返回固定值。我的策略是：问题是--在将视图挂载到DOM层次结构之前，我无法</

浏览 10提问于2018-01-01得票数 9

1回答

为什么不在ScrollView中显示所有项目？

react-native、scrollview、expo、react-navigation、react-native-flatlist

我在ScrollView里面有一个有100个项目的平面列表，但无论我给ScrollView还是平面列表多高，我的手机上总是只显示18个项目。在那之后，ScrollView的滑块仍然向下滚动，但列表在18个项目之后结束。我希望能够使用包含FlatList的ScrollView滚动浏览完整的项目列表。

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

1回答

你是如何让FlatList滚动的？

javascript、react-native

import React from 'react'; return index.toString(); return( /> }export default ChatList

浏览 28提问于2020-07-27得票数 0

回答已采纳

1回答

FlatList无法在React-Native中滚动

css、reactjs、react-native、react-native-ios

我正在尝试使用FlatList在React Native上建立一个新闻提要。我希望它类似于Tik Tok的馈送，在FlatList中的每个项目占据了整个屏幕。现在它有我想要的正确布局，但问题是提要不能滚动。由于某些原因，如果我将子项设置为height: '100%'，FlatList将变得不可滚动。当我将其更改为height: 1000时，它是可滚动的，但我不想硬编码高度。如果你能提供任何帮助，我将不胜感激！i

浏览 51提问于2020-12-15得票数 1

2回答

UIScrollView ContentView动态高度约束

uiscrollview、autolayout

我面临着contentView高度限制的问题。所有标签都有动态高度，即没有固定高度。我在某个地方读过，将高度设置为滚动视图高度。当前ViewController的高度为870 is，滚动视图的高度为757 is。我不知道如何在AutoLayout中设置高度，因为我无法在某个点之后滚动。我先设置了UIScrollView，然后添加了UIView作为UIS

浏览 3提问于2017-12-24得票数 8

回答已采纳

14回答

将本机平面列表初始滚动响应到底部

react-native、chat、react-native-flatlist

我正在尝试使用<Flatlist />创建一个本机聊天this.myFlatList.scrollToEnd({animated: false});我的聊天消息有不同的高度，所以我无法计算高度。

浏览 4提问于2018-01-27得票数 35

回答已采纳

1回答

响应本地滚动视图模拟Android

android、reactjs、scroll、webview、native

当前正在运行需要WebView组件的项目。然后滚动事件应该被WebView块拦截。Android阻止WebView拦截父ScrollView的滚动。我读过很多关于这个问题的文章和文章。UPDATE我实际上做了一个设置webview固定高度的技巧。但是在这

浏览 2提问于2017-07-26得票数 1

回答已采纳

3回答

如何将列表项目强制保持在相同的高度？

react-native、react-native-flatlist

我有一个React本机应用程序，在其中我使用FlatList来显示从服务器获得的项目列表。该列表有2列，我需要我的列表项目是相同的高度。我在呈现列表项的代码周围设置了边框，但列表项的高度并不相同。为了说明这个问题，我创建了我的应用程序的简化版本：注意红色边框的高度不一样。我要把它们保持在同样的高度。灰色边框被添加到包装负责列表项的组件的视图中，红色边框是负责列表项的组件的根视图。我无法在我的应用程序中使用灰色边框，因为我的应用程序显示空框

浏览 5提问于2020-06-01得票数 4

1回答

如何强迫Chrome在固定的身体高度上向下滚动？

javascript、jquery、css、webkit

由于Chrome/iPad的缺陷，我不得不在html和body上加上固定的高度，但我无法向下滚动(脚本在Firefox中很好地工作)：$('span').on('click', function(<span>click to scroll</span>我试着移除固定的高度，

浏览 2提问于2017-04-27得票数 1

回答已采纳

2回答

FlatList组件生命周期方法ScrollToIndex ScrollToEnd等

react-native、react-native-flatlist

当FlatList一次只显示一个项目时，它会按需要工作，并进行一些黑客操作，如下所述： let wait = new Promise((resolve)=> setTimeout(resolve, 500)); // Smaller number should work this.refs.flatlist.scrollToIndex但是，当我使用由3x3网格组成的视图的FlatList时，我

浏览 5提问于2017-05-08得票数 6

回答已采纳

1回答

android -对不同设备布局的帮助

android、layout

我有一个有5个项目的布局。TextView -固定高度具有多行和滚动***WILL收缩和GROW__*******的TextViewLinearLayout(内有物品，固定高度) 因此，由于有不同的设备，我需要中间的Textview来缩小和增长。

浏览 2提问于2010-12-08得票数 0

回答已采纳

16回答

FlatList不滚动

javascript、css、reactjs、react-native

我已经创建了一个屏幕，其中显示了一个包含FlatList的组件。因为某种原因，我无法翻阅列表。谁能发现我的错误并指出正确的方向？date={item.date}/>return ( <FlatList

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

回答已采纳

16回答

React本机FlatList最后一项可见性问题

react-native、react-native-flatlist

我正在获取产品列表，然后使用FlatList显示，我的列表包含5个项目，正如您所看到的，FlatList行高是可变的，因为描述文本不同。所以问题是我的最后一个项目卡不是完全可见的，也许这是某种平面列表问题或布局问题。size='large' /> ); <FlatList

浏览 1提问于2017-09-13得票数 46

点击加载更多