首页 > 解决方案 > React 导航仅在主屏幕上显示选项卡

问题描述

我正在尝试进行 React Navigation 设置,以便您只能看到底部选项卡以在主屏幕之间导航。当单击一个选项卡以显示一个屏幕,然后进一步导航到它自己的屏幕时 Stack,我想隐藏Tab.Navigator.

我知道这存在,但它没有帮助,因为这个例子太简单了。我不确定在哪个世界中你会只有一个屏幕和一个以上的堆栈,或者将你拥有的每个屏幕都放入主应用程序堆栈是一个好主意。

我的布局就像

- App
    - Home [Tab]
      - Dashboard [Stack]
      - Feed [Stack]
      - Post [Stack]
    - Profile [Tab]
      - Login [Stack]
      - Settings [Stack]

单击主页时,它会显示仪表板。单击仪表板中的某些内容时,它会进入 Feed,并且应该隐藏Tab.Navigator.

单击配置文件时,将显示登录屏幕。登录后,它会进入设置,并且应该隐藏Tab.Navigator.

文档希望我将我的主应用导航称为“主页选项卡”,但这些不是主页选项卡,它们是应用程序选项卡。并且示例中的第二个和第三个屏幕(配置文件和设置)是单个屏幕,所以它适用于它们,但是如果每个屏幕都有另一个堆栈呢?它只是不起作用或没有任何意义。

标签: react-navigation

解决方案


推荐阅读