一起使用多种类型的导航

时间:2018-10-08 02:36:18

标签: reactjs react-native react-navigation

我正在使用React-Navigation V2,在其中我创建了两个堆栈导航,并使用switch Navigator进行了组合

在这里,我的主屏幕是第一个堆栈导航的CoinCap,而另一个是Exchange

export const homeStackNavigator = createStackNavigator({
  Home: {
    screen: CoinCap
  }, 
  CoinCapCharts: { 
    screen: CoinCapCharts
   },
 CurrencySelection: { 
   screen: CurrencySelection
 },
 CoinChart: { 
   screen: CoinChart
 }
},{
  headerMode: 'none'
 }
)

export const exchangeStackNavigator = createStackNavigator({
    Home: {
      screen: Exchange
    },
    cryptoToShow: {
      screen: CryptoToShowcase
    }
}, {
    headerMode: 'none'
  }

)

我在switchNavigator

中结合了这两个导航
export const MyScreen = createSwitchNavigator({
  Home: { 
    screen: homeStackNavigator
  },
  News: { 
    screen: News
  },
  Exchange: {
    screen: exchangeStackNavigator 
  }

},{
    initialRouteName: 'Home',
});

现在,当我运行我的应用程序并单击导航至(或导航至)exchangeStackNavigator的选项卡时,它可以工作并带我去交换屏幕,但是当我在Exchange屏幕上并单击“主屏幕”选项卡时,它不会t将我导航回该CoinCap(或主屏幕选项卡)。

此外,如果我从任一屏幕(交换屏幕,coincap屏幕)单击“新闻”选项卡(可以在createSwitchNavigator代码片段中找到它),它将带我进入“新闻”选项卡,并且如果我单击“交换”和“ coincap”选项卡在“新闻”标签中,它将导航并分别将我带到两个标签。

问题是,当我从交换屏幕上单击“主页”选项卡时,并没有带我进入主屏幕。有人可以帮助我弄清楚我可能做错了什么吗?

0 个答案:

没有答案