嵌套选项卡导航器上的活动选项卡上的点击不起作用时,滚动至顶部,但初始选项卡除外

时间:2019-04-30 07:46:24

标签: react-native react-navigation tabnavigator react-native-tabnavigator

有2个嵌套的标签导航器,分别为 RootTabNavigator TabNavigator

以下是这些标签导航器的设置方式:

const TabNavigator = createBottomTabNavigator({
  Home: { screen: HomeScreen },
  Settings: { screen: SettingsScreen },
});

const RootTabNavigator = createBottomTabNavigator({
  RootMenu: {screen: TabNavigator}
});

问题是 当您转到 RootMenu ,然后转到设置并向下滚动时,单击 RootMenu 按钮不会滚动设置跳至顶部,但可在 Home 中使用。

这听起来可能有点令人困惑,所以我根据反应导航示例(https://reactnavigation.org/docs/en/scrollables.html)进行了一些调整,创建了一种小吃:https://snack.expo.io/@clanwce/nested-tab-navigator-click-to-top

我想知道是否有一种方法可以通过以下任一方法解决此问题:

  1. 单击 RootMenu 时, TabNavigator 中处于活动状态的Tab都将滚动到顶部。

  1. 单击 RootMenu 时, TabNavigator 中的两个选项卡都将滚动到顶部。

任何一种解决方案都可以。

0 个答案:

没有答案