我需要在添加新列表项(如聊天)后滚动到FlatList的末尾。因此，我使用新消息更改状态，然后使用： this.setState({messages});
this.messagesList.scrollToEnd({animated: true}); 只有当我添加一些“神奇的”setTimeout (200ms)时，它才有效。有没有办法检测到添加了新消息，我可以调用scrollToEnd？
浏览 19提问于2019-01-03得票数 2
我在平面列表和滚动方法上有个小问题。我有平面表和评论，如果新的一个是添加，我想滚动列表到底部，以看到添加的评论。使用scrollToIndex不能正常工作，由于缺少getItemLayout，本机一直显示错误，而设置此函数的另一个问题是，每个项都可能有不同的大小。scrollToEnd有一些问题，有时滚动到页面的底部，有时滚动到在平面列表道具中设
浏览 2提问于2017-12-15得票数 1
我想做一个浮动的操作按钮，让我的FlatList自动滚动到底部。我的FlatList组件描述如下： ref={(ref) => { this.flatListRef = ref; }}<TouchableOpacity style={styles.fab}
onPress={() => this.flatListR
浏览 0提问于2018-10-24得票数 0
我尝试滚动到我的平面列表底部，在我的反应本地应用程序，但不幸的是，我没有得到对平面列表的参考。renderItem={({ item }) => <Text>{item}</Text>} </View>this.flatList.s
浏览 0提问于2018-03-13得票数 2
回答已采纳
This帖子描述了一个非常类似的问题，但答案并不能解决所有问题： 我有一个可能很长的列表，用户可以在其中添加新项目(一次打开)。添加后/添加时，列表应滚动到末尾。(顺便说一句，reverse: true不是一个选项) 在读完另一篇文章后，我明白了使用SchedulerBinding.instance.addPostFrameCallback((_) => scrollToEnd但它并不可靠:当滚动到<
浏览 34提问于2019-08-25得票数 4
回答已采纳
我有一个垂直滚动的Flatlist，在Flatlist的每一个项目中，我都有一个SwipeListView，来自react本机-刷-列表-视图。随着速度的提高，动画就会变得混乱。此外，我觉得必须有一个更清洁的方法来实现这一点。有人知道如何在子组件中滚动时禁用FlatList滚动吗？
浏览 11提问于2022-10-02得票数 3
所面临的问题是，在将新项添加到FlatList之后，正在尝试将FlatList项滚动到底部，以便新添加的消息可见。但是却找不到如何在功能组件中使用它！
浏览 5提问于2020-07-23得票数 0
回答已采纳
我想要向数据中添加一个新项目，然后滚动到列表的底部。我使用scrollToEnd方法，但它不起作用。我该怎么做？ var _data = {}; this.setState(_data);
this.refs.flatList.scrollToEnd
浏览 27提问于2017-09-19得票数 9
回答已采纳
我是usig本机使用javascript，没有类型记录，我想使用平面列表“react本机-双向-无限-滚动”，但我没有在javascript中找到示例。我是如何创建包含更多项目的顶部和底部的平面列表的？
谢谢
浏览 3提问于2022-02-09得票数 0
我有一个屏幕，在一个FlatLists中有许多水平的ScrollView，结构如下所示： <View> </View> <FlatList horizontal={true} .../></ScrollView>
每个FlatList上的水平滚动有时会
浏览 9提问于2019-10-16得票数 1
我有一个要求一旦用户开始添加项目到平面列表，它必须滚动到末尾。如果我使用onContentSizeChange，Flatlist将滚动到底部，因为数据是动态加载的。如果我从Flatlist中获取ref，并在数据更新时使用FlatList的scrollToEnd方法，FlatList将滚动到末尾上方的一
浏览 4提问于2021-11-23得票数 1
我想做的是：当搜索栏处于活动状态时，FlatList会覆盖它，我无法滚动列表或选择一个项。我注意到的是，如果在单击SearchBar应该出现的位置时尝试选择项目或滚动列表，则可以选择并滚动列表。我需要的是：
显示在FlatList下面并能够滚动它的SearchBar。我可以用top: 50来显示SearchBar下的F
浏览 0提问于2019-02-08得票数 5
当显示键盘时，我想滚动到FlatList的末尾。我正在侦听“keyboardDidShow”事件，它确实会被触发，但是它可能会被过早地触发，因为在调用scrollToEnd之后，FlatList不会滚动到结束。我已经了解了onLayout事件的KeyboardAvoidingView，但是，只要设置onLayout事件来触发一个函数，就会阻止KeyboardAvoidingView在显示键盘时调整其大小。_scrollEnd}>import React from 'react&#
浏览 3提问于2017-05-17得票数 42
回答已采纳
我正在使用Expo使用React Native构建一个聊天应用程序，并使用Flatlist作为KeyboardAvoidingView的子级来呈现消息列表，问题是当键盘被触发时，我想滚动到底部 所以我使用了Flatlist方法( scrollToEnd )和useRef钩子，我的代码看起来像这样： const ChatBody = ({ messages }) => {
const listRefKeyboard.addListener("keyboardWillShow&q
浏览 25提问于2020-04-15得票数 0
回答已采纳
14回答
我正在尝试使用<Flatlist />创建一个本机聊天this.myFlatList.scrollToEnd({animated: false});
但是它会在中间的某个地方滚动，有时会有较少的项目到底部，有时什么也不做。我的聊天消息有不同的高度，所以我无法计算高度。
浏览 4提问于2018-01-27得票数 35
回答已采纳
我在react导航中使用了react本机手势处理程序，并得到了这个错误。null不是一个对象(计算'RNGestureHandlerModule.Direction')安装-save反应-导航npm安装-save反应-本机
浏览 2提问于2019-07-09得票数 1
回答已采纳
如何在选择或单击列表中的单个项目时更新FlatList中所有项的UI设计。我已经尝试了可能的结果，我还可以想到，只有在数据发生更改时，平面列表属性才能工作，否则就不能工作，还可以将值从子组件传递给父组件，并更改平面列表中的一个属性以重新呈现。这是我在从子组件回调时更改数据数组的代码：
export default class CombinedScreenList extends React.Comp
浏览 2提问于2019-05-02得票数 1
回答已采纳
我正在尝试通过get本机-cli react-native init ProjectName创建新项目，并得到以下错误：
有关这方面的文档，请访问。错误:命令失败:纱线添加反应-本机-精确
react-native init ProjectName --version react-native
浏览 0提问于2018-08-09得票数 0
回答已采纳
当将水平FlatList与其他垂直FlatList作为项使用时，似乎存在刷新的问题。当在垂直列表上启用刷新，而在水平容器列表上没有启用刷新时，就会发生这种情况。实际上，如果您非常carful并且只垂直滚动(这非常困难)，那么刷新每个单独的列表是可能的。但是，你立刻侧身滚动，耳目一新的东西就卡住了。反应本机嵌套FlatLists
我尝试用具有相同结果的FlatList替换包装ScollV
浏览 6提问于2017-04-12得票数 2
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
