反应导航底部选项卡-隐藏指定屏幕的底部菜单

时间:2020-05-06 23:28:46

标签: javascript reactjs react-native react-navigation

我不确定通过反应导航在构建应用程序时是否考虑正确。

我有3个导航级别

  1. RootStack 其中有2个项目:

    • AuthStack
    • AppStack
  2. AppStack-在此堆栈中,我还有另一个堆栈,其底部菜单包含3个项目:

    • PhotosTabStack
    • CommunicationTabStack
    • MyAccountTabStack
  3. 每个项目的内部都有一些屏幕-例如PhotosStack可以具有屏幕:

    • PhotosListScreen
    • 收藏夹照片屏幕
    • TakePhotoScreen

然后...可以做饭-因为如果我在AuthStack中,则看不到底部菜单,并且登录后可以看到底部菜单,当我使用应用程序时,该菜单可用。

但是里面有些杂音,例如在底部菜单的第一个选项卡中,我可以在屏幕内浏览某些按钮-然后我想为这些屏幕隐藏底部菜单

就像我的示例TakePhotoScreen

它是PhotosTabStack下的屏幕之一,但它具有摄像头组件-因此应该隐藏底部菜单,当我完成拍照后,它将再次出现。

我可以通过某种方式隐藏指定屏幕的底部菜单吗?因为如果我可以访问PhotosListScreen内的导航道具并设置navigation.setOptions({tabBarVisible: false})的话,它仍然会可见。

或者我应该将该屏幕放置在AppStack之外,并且我可以从PhotosListScreen转到的屏幕应该与AuthStackAppStack处于同一级别?

0 个答案:

没有答案