React Native Navigation Structure To Hide Tabbar in certain pages

问题描述 投票:0回答:2

目前我的应用程序具有以下结构:

(堆栈)

  • 启动(堆栈)
  • App(标签)
    • 主页(堆栈)
    • 讨论(堆栈)

在讨论堆栈中,我有一个屏幕(聊天),我想在其中删除标签栏。根据我在 docs 中的理解,如果我想要这种行为,我应该将聊天屏幕放在顶部,如下所示:

(堆栈)

  • 启动(堆栈)
  • 聊天(屏幕)
  • App(标签)
    • 主页(堆栈)
    • 讨论(堆栈)

这是正确的做法吗?我在那里看到了将 tabBar 隐藏在特定堆栈中的方法,如here所述,但这对我不起作用。

react-native react-navigation
2个回答
0
投票

是的,这是正确的做法。此外,您不必将 ChatScreen 放在 TabNavigator 的“顶部”,只需将其放在 TabNavigator 之外即可。

只需按照文档进行操作并充满信心,文档说明始终是图书馆的最佳方法。


0
投票

这是一种解决方案,但您也可以将聊天打开为模态屏幕。

© www.soinside.com 2019 - 2024. All rights reserved.