我们如何在反应导航中点击底部选项卡导航器上的相应选项卡按钮时实现滚动到顶部功能？

Question

我使用的 React Navigation 版本是 v5。在与底部选项卡图标对应的 ScrollView 中，如果用户已经在该给定屏幕上，我想启用当按下此图标时用户滚动到顶部的功能。

Answer 1

正如documentation 中所述，此功能应该已经实现。但我认为您已将 ScrollView 放在嵌套的 StackNavigator 中，对吧？

在这种情况下，您可能需要订阅 TabNavigator 事件并手动触发您的 scrollToTop

React.useEffect(() => {
  const unsubscribe = navigation.addListener('tabPress', e => {
    // Get your scrollView ref and dispatch scrollToTop
  });

  return unsubscribe;
}, [navigation]);

希望对你有帮助！