Estou criando uma aplicação mobile que utiliza como base o react-native
. Para fazer a transição entre as telas e para ter uma melhor experiência para o usuário, estou usando as bibliotecas react-navigation
e react-navigation-fluid-transitions
.
Minha aplicação tem um SplashScreen personalizado que tem uma série de animações e, após finalizarem o usuário é direcionado para a LoginScreen ou a WorkspaceScreen.
A tela de SplashScreen aproveita do tempo das animações para verificar se há algum usuário na persistência, se houver manda para a WorkspaceScreen caso contrário manda para a LoginScreen.
Meu componente que gerencia as transições das rotas está assim:
FluidNavigator (./navigation/FluidNavigator/index.js
)
import React from 'react'
import { FluidNavigator } from 'react-navigation-fluid-transitions'
import SplashScreen from '../../screens/SplashScreen'
import LoginScreen from '../../screens/LoginScreen'
import WorkspaceScreenfrom '../../screens/WorkspaceScreen'
// ... outras screen's aqui
export default Navigator = FluidNavigator({
SplashScreen: { screen: SplashScreen },
LoginScreen: { screen: LoginScreen, },
WorkspaceScreen: { screen: WorkspaceScreen},
// ... outras rotas aqui
});
Meu problema é que, caso o usuário esteja na LoginScreen ou na WorkspaceScreen e pressione o botão de voltar o mesmo está voltando para SplashScreen.
O que preciso fazer para inibir que o usuário retorne à tela de SplashScreen nessas situações?