How to navigate between different nested stacks in React Navigation 5.x?

Question

Parent Navigator

Nested navigator 1
- Screen A
- Screen B
Nested navigator 2
- Screen C
- Screen D

How can I go from Screen D to Screen B in React Navigation v5.0 ?

I tried something similar to https://reactnavigation.org/docs/en/navigation-actions.html#reset

but when I try to use CommonActions.reset(), it navigates to Screen C

I tried this;

    ...
    import { CommonActions } from '@react-navigation/native';
    ...
    navigation.dispatch(
      CommonActions.reset({
        index: 1,
        routes: [
          { name: 'ScreenB' },
        ],
      })
    );
..

isn't index:1 referring to 2nd nested navigator (which includes C & D) ? Have you tried with index:0 ? — Vinzzz
– Vinzzz, Commented Feb 10, 2020 at 16:27

satya164 · Accepted Answer · 2020-02-10 16:59:52Z

2

navigation.navigate('Navigator1', { screen: 'ScreenB' });

https://reactnavigation.org/docs/en/nesting-navigators.html#navigating-to-a-screen-in-a-nested-navigator

answered Feb 10, 2020 at 16:59

satya164

10.2k2 gold badges35 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oliver D Over a year ago

I have a MessagesStack, And i want to navigate to screen in another stack "HomeStack" it works well but when I click to back button it returns me to that stack in the initial screen "HomeStack" not to the MessagesStack, Is there a way to handle it to back me to current stack "MessagesStack"?

Leland Reardon Over a year ago

For navigating between arbitrarily nested navigators, see: medium.com/swlh/… "What If We Nest More?"

Isacco Bosio · Accepted Answer · 2024-02-19 10:08:16Z

0

Try with

navigation.dispatch(
              CommonActions.reset({
                index: 0,
                routes: [
                  {
                    name: 'Navigator 1',
                    state: {
                      routes: [
                        { name: 'Screen A' },
                        { name: 'Screen B' },
                      ]
                    }
                  }
                ]
              })
            );

answered Feb 19, 2024 at 10:08

Isacco Bosio

431 silver badge5 bronze badges

Collectives™ on Stack Overflow

How to navigate between different nested stacks in React Navigation 5.x?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related