Реагируйте на навигацию 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

все конечные узлы в домашней вкладке nav (все представления), должны иметь доступ к представлению игрока. как мне этого добиться?

Answer 1

вы можете сделать что-то подобное, используя react-navigation В моем примере у меня в основном 2 стека:

1. Login stack
2. Auth stack

Вы можете настроить свой согласно требованию.

нажмите здесь для получения дополнительной информации

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',
  }
);