Saltar al contenido

Restablecimiento de la pila de navegación para la pantalla de inicio (React Navigation y React Native)

Verificamos completamente cada uno de los posts en nuestra web con la meta de mostrarte en todo momento información certera y actual.

Solución:

Así es como lo hago:

reset()
    return this.props
               .navigation
               .dispatch(NavigationActions.reset(
                 
                    index: 0,
                    actions: [
                      NavigationActions.navigate( routeName: 'Menu')
                    ]
                  ));
  

al menos reemplace ‘Menú’ con ‘Inicio’. También puede adaptar this.props.navigation a su implementación.

En la versión > 2 sigue esto:

import  NavigationActions, StackActions  from 'react-navigation';
        const resetAction = StackActions.reset(
                index: 0,
                actions: [NavigationActions.navigate( routeName: 'MainActivity' )],
            );

this.props.navigation.dispatch(resetAction); 

Reaccionar Navegación 5.x

import  CommonActions  from '@react-navigation/native';

navigation.dispatch(
  CommonActions.reset(
    index: 1,
    routes: [
       name: 'Home' ,
      
        name: 'Profile',
        params:  user: 'jane' ,
      ,
    ],
  )
);

Disponible en Merienda

Así es como lo hago:

import  NavigationActions  from 'react-navigation'

this.props.navigation.dispatch(NavigationActions.reset(
    index: 0,
    key: null,
    actions: [NavigationActions.navigate( routeName: 'ParentStackScreen' )]
))

La parte importante es key: null.

Que limpia la pila mientras navega de un niño navegador a un padre navegador.

Haz eso si obtienes este error:

ingrese la descripción de la imagen aquí

Para animaciones, uso

// https://github.com/oblador/react-native-animatable
import * as Animatable from 'react-native-animatable'

Solo controlo todas las animaciones yo mismo. Póntelos ningún componente que desee envolviéndolo con .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *