如何在回复本地导航时使用平面列表保持滚动位置？

Question

我是新来的本地人.我在向前导航时保持平面列表的位置时遇到问题,然后返回到该屏幕.

当前行为
向前导航然后向后导航时,滚动位置将丢失.

预期行为
在广泛的项目列表中导航时,用户向下滚动列表并单击某个项目.该应用程序转到显示产品详细信息的下一页.如果用户决定向后导航,则页面不会滚动到上一个点.

Answer 1

尝试在状态下处理滚动位置更改:

<FlatList onScroll={this.handleScroll} />

handleScroll方法:

handleScroll: function(event: Object) {
 this.setState({ scrollPosition: event.nativeEvent.contentOffset.y });
}

然后,您可以在导航回来时使用scrollToOffset(this.state.scrollPosition).