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

Question

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

Answer 1

如文档中所述，此功能应该已经实现。但是我认为您已将 ScrollView 放置在嵌套的 StackNavigator 中，对吗？

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

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

  return unsubscribe;
}, [navigation]);

希望它会帮助你！