在不同的屏幕上使用 2 个不同的底部选项卡（多选项卡问题） - React Native Navigation

Question

我有一个问题，也许有人可以帮助我，情况是下一个我有一个使用底部选项卡的主布局，我的问题和实际需要是..当我进入任何选项卡时，可以说选项卡 2 和我将一个按钮放入它的主视图并导航到其他页面，我想用一个新的、不同的图标和那些东西替换实际的底部标签布局，我不知道如何实现这一点，任何人都有关于这种情况的任何例子？除此之外，我需要保持堆栈导航，所以我希望能够在新的底部选项卡布局中回到旧的底部选项卡布局，我真的尝试了很多方法，比如使用 setStackRoot 并用一个包含 bottomTabs 声明的对象没有按预期工作实际上我当前的代码是下一个：

export const navigateMainRootTabPage = () => {
  Promise.all([
    Icon.getImageSource('comments', 24),
    Icon.getImageSource('bell', 24),
    Icon.getImageSource('user', 24)
  ]).then(sources => {
    Navigation.setRoot({
      root: {
        bottomTabs: {
          id: 'mainBottonTab',
          children: [
            {
              stack: {
                children: [
                  {
                    component: {
                      id: 'List',
                      name: 'List'
                    }
                  }
                ],
                options: {
                  bottomTab: {
                    testID: 'buttonTab1',
                    icon: sources[0]
                  }
                }
              }
            },
            {
              stack: {
                children: [
                  {
                    component: {
                      name: 'Noti',
                      id: 'Noti'
                    }
                  }
                ],
                options: {
                  bottomTab: {
                    testID: 'buttonTab2',
                    icon: sources[1]
                  }
                }
              }
            }
          ]
        }
      }
    });
  });
};

一旦我更改了页面，我就可以将实际的底部标签设置为 false，但我无法替换为新页面或获得解决方法来实现这一点。

谢谢。

Answer 1

我不知道如何准确解决您的问题，但我想在几个屏幕上隐藏我的标签栏。我认为您也可以这样做，在需要的地方隐藏 tabBar，并通过在主导航器中嵌套 tabNavigator 来呈现您自己的自定义选项卡。

参考this隐藏TabBar