FlatList - 如何自动到顶部

Question

我正在使用 React Native (Expo)。

我能做什么：

• 每当一位用户使用相应的平面列表进入屏幕时，都会自动转到该列表的顶部。

现在，例如，如果用户在更改屏幕并返回到该列表时转到该列表的底部，他仍然在底部。

有什么建议吗？

Answer 1

您可以在屏幕上添加一个 event listener 并像这样调用 scrollToTop

useEffect(() => {
  const unsubscribe = navigation.addListener('focus', () => {
    flatListRef.current.scrollToOffset({ animated: true, offset: 0 });
  });

  return unsubscribe;
}, [navigation]);