React Navigation 2-跨应用共享视图

Question

我正在开发音乐播放器应用，并且播放器视图应该可以从所有其他视图访问并在所有其他视图之间共享。我正在使用反应导航2。 这是我的应用程序的结构：

 
a) Root stack nav
  b) Player Stack nav
    1) Player View
  c) Home tab nav
    1) Tab 1 stack nav
    2) Tab 2 stack nav
    3) Tab 3 stack nav

主页选项卡导航中的所有叶子节点（所有视图）都需要访问玩家视图。我该如何实现？

Answer 1

您可以使用react-navigation做这样的事情 在我的示例中，我基本上有2个堆栈：

1. Login stack
2. Auth stack

您可以根据要求配置自己的内容。

click here了解更多信息

import React, { Component } from 'react';
import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
.....

const AppStack = createStackNavigator({ Home: Home });
const AuthStack = createStackNavigator({ Login: LoginForm, Signup: SignupForm, ForgetPassword: ForgetPassword });


export default createSwitchNavigator(
  {
    AuthLoading: LoginForm,
    App: AppStack,
    Auth: AuthStack,
  },
  {
    initialRouteName: 'AuthLoading',
  }
);