Как перейти от одного стека или модуля к другому стеку или модулю - PullRequest
Новая
       58

Как перейти от одного стека или модуля к другому стеку или модулю

0 голосов
/ 20 января 2020

Appnavigation. js

import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from "react-navigation-stack";
import Splash from "./components/splace";
import Login from "./components/login";
import Main from "./components/Main";

const SplashStack = createStackNavigator({
  Splash: { screen: Splash, navigationOptions: { header: null } }
})

const LoginStack = createStackNavigator({
  Login: { screen: Login, navigationOptions: { header: null } }
})

const MainStack = createStackNavigator({
  Main: { screen: Main, navigationOptions: { header: null } }
});

const AppNavigator = createSwitchNavigator({
  // Splash: SplashStack,
  Login: LoginStack,
  Main: MainStack

})
export default createAppContainer(AppNavigator);

Всякий раз, когда процесс входа в систему завершается, он переходит к «Основному экрану», где будет выполняться процесс выбора модуля, и перемещается в индексный файл этого конкретного каталога. где у меня есть еще один стек экранов.

Main. js

class Main extends Component {
  Module = null;
  componentWillMount() {

    switch (this.props.user.userTypeName) {
      case "Student": {
        Module = require("./student").default;
        break;
      }
    }
  }
  render() {
    return <Module />;
  }
}

Индекс ученического модуля или каталога. js "

const App = createStackNavigator(

  {
    Dashboard: { screen: Dashboard},
    Profile: { screen: Profile },
  },
);

export default createAppContainer(App);

Я хочу чтобы перейти от панели мониторинга ученика или экрана профиля к экрану входа в систему, когда я нажал кнопку выхода из системы, которую я не знаю, как ее реализовать.

1 Ответ

0 голосов
/ 20 января 2020

Можете ли вы сделать console.log(props)? Тогда вы сможете увидеть, как вызывать навигацию.

Вы можете попробовать this.props.navigation.navigate('Login'); вместо this.props.navigation('Login');

Когда вы запустите console.log, вы, возможно, получите объект 'навигация', который имеет внутри него «навигация».

...