如何在React Native中滚动到ListView的顶部

时间:2015-11-19 14:11:51

标签: reactjs react-native

在我的代码中,我有一个<ListView>,需要在操作发生时滚动到它的顶部。

我在.scrollTo中看到有关<ScrollView>方法的here,但我刚刚确认<ListView>

我还阅读here有关如何通过替换<ListView>内的<ScrollView>来解决此问题,但意味着失去所有与列表相关的功能,这在许多情况下不是一种选择。

我的问题是:滚动<ListView>的正确方法是什么?

2 个答案:

答案 0 :(得分:5)

对ListView有一个参考,并在文本/视图上有一个方法按下那个使用

this.ref.<ListViewName>.getScrollResponder().scrollTo(this.state.scrollToYPosition)

我想这可能对你有帮助。

答案 1 :(得分:0)

如果你想用按钮制作它,这是一个想法:

首先,您可以使用onScroll方法来检测ListView的event.nativeEvent.contentOffset.y,您可以根据它们设置一个状态来控制它的显示或隐藏。

然后,在页面上设置一个按钮,使用onPress方法和.scrollTomethod来制作它。

以下是一个可以用作参考的实现:https://www.npmjs.com/package/react-native-scrolltotop

希望这有帮助