Question

这是我的React-Navigation结构

RootNav -> StackNavigator / mode: 'modal'
  Login -> StackNavigator
  Main -> DrawerNavigator
      Tabs -> TabNavigator
        BulletinTab -> StackNavigator
        ChatTab -> StackNavigator
          ChatList -> Screen
          ChatRoom -> Screen
        DirectoryTab -> StackNavigator 
          OrgList -> Screen 
          DirectoryList -> Screen
  ComposeNewChat -> Screen
  Settings -> StackNavigator
  ...

所需的导航流程：

DirectoryList是我应用中所有用户用户的列表。如果我点击一个用户，它应该推送一个ChatRoom屏幕（从右侧过渡）。当我点击ChatRoom屏幕上的后退按钮时，我希望被带回ChatList而不是回到DiectoryList。 ChatRoom应该从右向左转换。

我试过：

重置为ChatList，然后导航至ChatRoom，但在导航到DirectoryList之前，当前屏幕ChatList已替换为ChatList时，这感觉很笨拙
将ChatRoom推送到DirectoryTab堆栈。点击ChatList上的后退按钮后重置为ChatRoom。但是，如果我这样做，就没有过渡动画。

您知道如何使用我当前的导航结构实现所需的流量/过渡效果吗？如果没有，你能建议另一种导航结构吗？

如何从一个选项卡深入导航到另一个选项卡？

0 个答案: