React原生FlatList未滚动到末尾

文章/答案/技术大牛

发布

9回答

react-native、react-native-flatlist、react-native-elements

我有一个(我认为是)简单的FlatList，它呈现一个列表，该列表包含Cards(代码如下) 问题：列表将呈现，但不会滚动以完全显示列表中的最后一个元素，或滚动到FlatList 我尝试过的：基本上所有相关的SO问题：删除所有样式包装FlatList在一个View或者ScrollView或者两者兼而有之添加style={{flex: 1}}到FlatList或包装器(这会导致**全部*要消失的内容)

浏览 190提问于2019-03-22得票数 24

回答已采纳

3回答

反转FlatList

android、reactjs、react-native

我目前正在开发一款适用于安卓的react原生应用程序，并且可以访问新的FlatList。它有一些非常需要的功能。但是，我的listview是使用react-native-invertable-scroll-view反转的。这在FlatList中似乎不能正常工作。滚动未正确反转。有人知道如何反转FlatList吗？或者如何加载Flatlist，然后在用户不注意的情况下强制滚动到底部？我自己强制向下滚动的尝试经常被延迟。

浏览 1提问于2017-04-14得票数 29

回答已采纳

4回答

显示键盘后滚动到FlatList的末尾

react-native、react-native-flatlist

我在FlatList里面有一个KeyboardAvoidingView。当显示键盘时，我想滚动到FlatList的末尾。我正在侦听“keyboardDidShow”事件，它确实会被触发，但是它可能会被过早地触发，因为在调用scrollToEnd之后，FlatList不会滚动到结束。_scrollEnd}>import React from 'react'; import {Image, Linking, Platfo

浏览 3提问于2017-05-17得票数 42

回答已采纳

2回答

响应FlatList在FlatList之外的本机触发滚动。

react-native、react-native-ios

我有一个垂直的FlatList组件和两个按钮作为TouchableOpacity，如何使用这些按钮对FlatList进行滚动，<View> <TouchableOpacity> <&#x

浏览 1提问于2019-08-07得票数 2

回答已采纳

1回答

对本地FlatList和SectionList的反应:如何在滚动中获取数据

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

在React本机的FlatList或SectionList中，当用户滚动到列表的末尾时，获取分页数据很容易用onEndReached实现。

浏览 12提问于2022-08-30得票数 1

回答已采纳

1回答

用酶检测React Native FlatList

javascript、react-native、enzyme、jestjs

我正试着用酶来检测一种反应原生FlatList。当列表到达末尾时，我想检查是否调用了正确的函数： if("Calls listIsAtTheEnd when FlatList reaches the end_scrollRef.scrollTo is not a function at Vir

浏览 0提问于2017-10-22得票数 5

3回答

react本机平面列表androidTV焦点问题

react-native、focus、android-tv

环境描述有没有解决方案来防止这种情况，并确保焦点在到达扁平列表的末尾时会停止？重现步骤垂直呈现一个FlatList，其中每一行都是另一个水平FlatList。滚动到行尾，尝试向右移动

浏览 41提问于2018-07-25得票数 5

回答已采纳

2回答

如何让2个平面列表吸引而不是排斥

react-native、styles、react-native-flatlist

因此，我正在开发一个react原生项目，并创建了一个模式。此模式显示选定和未选定的任务。现在，我创建了一个包含两个平面列表的视图，如下所示： <FlatList } /

浏览 0提问于2021-04-07得票数 0

1回答

当多次到达FlatList底部时，反应本机触发事件

react-native、react-native-flatlist

我正在尝试在react原生中设置聊天，每次我到达FlatList的底部时，我都想检查一下，这样当键盘打开并且用户之前在列表的末尾时，我就可以滚动到底部(如果她不在列表的末尾，我就不想向下滚动)。所以我写了下面的代码，但我问自己是否有更好的方法来实现这一点：我的州和我的FlatList引用： const [messageInputFocus, setmessageInputFocus] =messagesListScrollYPos, setMessagesList

浏览 26提问于2020-10-01得票数 0

2回答

ScrollToIndex没有按预期滚动FlatList

react-native、expo

我有一个像这样的FlatList设置 style={styles.listContainer}由于某些原因，列表没有像预期的那样滚动到顶部。这是一个具有"sdkVersion"："33.0.0“和React和RN的世博会项目，如package.json所示 “反应”："16.8.3

浏览 2提问于2019-08-19得票数 0

回答已采纳

4回答

在“Flatlist”中添加数据，而不刷新react本机中的完整“Flatlist”

react-native、react-native-flatlist

FlatList附带了从API获取下一组数据的选项，当listview到达末尾时，我们也可以使用scrollTo函数保留Flatlist的最后滚动位置，但是实现这种方法是在下一个分页数据请求完整的listview加载时创建FlatList的重新加载，我们滚动到最后一个左转位置。无论如何，如果我们能够实现一个特性，即Flatlist中的现有数据不会刷新，并且只有新的数据附加到底部，而不改变react本机中的滚动位置，将有助于以更优化的方式呈现FlastList。

浏览 15提问于2022-05-08得票数 7

回答已采纳

6回答

水平FlatList前后的间距(反应本机)

react-native、flexbox、react-native-flatlist、react-native-flexbox

我正在尝试创建一个水平的FlatList，它周围有一些间距。对于列表中的paddingLeft，我能够得到正确的起始间距，但是列表中的paddingRight似乎没有在它之后留出任何空格(如果我一直滚动到末尾，最后一项就按在边框上)。下面是一个小吃，这样您就可以实时运行并尝试一下：import * as React from 'react'; import { Text, View, FlatList, StyleSheet} from '

浏览 0提问于2018-11-09得票数 23

回答已采纳

1回答

在React本机中使用ScrollTo的FlatList

react-native、expo、react-native-flatlist

我是新的反应原生，我正在尝试与博览会的应用程序中的FlatList，将从Json的一些类别的产品，我设法使FlatList和Json模拟测试，但我希望通过点击FlatList中的任何项目，它直接滚动到各自的部分例如: FlatList将显示类别:套餐、配菜、热狗等。对于FlatList显示的每个类别，我已经创建了一个视图来显示此类别中的产品。我想做的是：当您单击由FlatList显示的类别时，滚动到显示此类别的产品的视图，也就是说，

浏览 15提问于2020-09-10得票数 0

4回答

当数据在水平模式下太大时，FlatList会自动滚动到第一个

android、react-native、react-native-flatlist

Program Files\nodejs\npm.CMD Android Studio: Version 3.5.0.0 AI-191.8026.42.35.5791312代码 style={{ marginHorizontal: -wp('3%showsHorizontalScrollIndicator={false} showsV

浏览 9提问于2019-09-25得票数 3

2回答

无法在CocoaPods中安装React子规范

ios、react-native、cocoapods

/node_modules/react-native-image-picker'Fetching podspec for `react-native-image-picker` from `..

浏览 30提问于2019-05-09得票数 4

7回答

FlatList onEndReached被多次调用

ios、react-native、reactive-programming、react-native-flatlist

我正在制作一个react原生项目，用户可以使用Flickr API搜索图像，其他一切都很好，但我在实现分页时遇到的问题。我已经使用FlatList的onEndReached来检测用户何时滚动到列表的末尾，但问题是onEndReached被多次调用(包括第一次呈现时的一次)。我甚至禁用了弹跳，就像说的那样，但它仍然被多次调用 constructor(propsback

浏览 0提问于2018-11-21得票数 31

3回答

用平面列表对本机无限滚动作出反应

react-native

我遵循本教程，，当我向下滚动，它发送请求，然后它被困在一个循环中，只有请求和请求。我认为这是列表视图中的滚动视图的一个问题。

浏览 7提问于2017-09-24得票数 10

1回答

在React Native的TabNavigator中再次按下当前选项卡时，滚动到当前选项卡的顶部

javascript、react-native、react-native-flatlist

我用BottomTabNavigator编写了react原生应用程序。如何在导航后滚动到当前标签的顶部？我所拥有的是： navigation.js import {createBottomTabNavigator} from "react-navigation"; <FlatList

浏览 20提问于2020-01-02得票数 2

1回答

双向无限滚动反应原生

reactjs、react-native

当您向下滚动到列表的末尾时，它会从服务器抓取即将到来的事件，并将它们放在列表的底部。对于原生react来说，这很简单。然而，我也想让用户滚动查看较早的日期和事件。当它们滚动到列表顶部时，加载较早的项目。不幸的是，没有等同于onEndReached的东西，但从一开始。有没有关于处理这个问题的最佳方法的想法/指导？

浏览 1提问于2017-05-09得票数 5

3回答