Comments (11)
We have an advanced feature that may help here: you can create a nested navigate action. In your case, it would look like this:
this.props.dispatch({
type: 'Navigate',
routeName: 'Home',
action: {
type: 'Navigate',
routeName: 'Main',
},
});
from react-navigation.
@ericvicenti that was extremely helpful, but i had to use
this.props.navigation.dispatch
vs this.props.dispatch
for any future readers.
from react-navigation.
I don't think this will work. What do you expect it to do? You might wanna dispatch a custom action to reset the stack and then navigate to the view instead of using navigate
from react-navigation.
I expect it to go from one nested view to another nested view ideally hahah
Can I use a custom router to go from one path to another using absolute keys instead of having local keys? eg: /welcome/login
to /home/main
or something
from react-navigation.
I expect it to go from one nested view to another nested view ideally hahah
What'll animation do you expect?
Can I use a custom router to go from one path to another using absolute keys instead of having local keys? eg: /welcome/login to /home/main or something
Use navigation.dispatch
to dispatch a nested 'Reset' action which does 'Navigate' after the reset
https://reactnavigation.org/docs/navigators/navigation-prop
from react-navigation.
@ericvicenti ahaha it works!! So when I dispatch the navigate action its caught by the parent Navigator
or does it look first in sibling views and then passes to the parent?
One thing I did notice is: I don't see a second Navigation Dispatch
in console log, is this expected?
from react-navigation.
It is caught by the parent navigator because the action's routeName matches the route config name for that navigator. It is expected that there is only one action logged, because only one action happens at the top level.
I'm closing this out for now, feel free to file more issues as you come across them. If you have a chance, consider improving the docs to help make this feature more apparent!
from react-navigation.
Hi Everyone,
@ericvicenti's comment on Jan 28 was crucial for me to make the nested navigation work.
However, I'm having trouble passing parameters to the target route in the child navigator.
Any ideas?
Thanks!
from react-navigation.
facing similar issue , so i posted my question here , hope you can help me out in this issue .Please have a look at this link
https://stackoverflow.com/questions/44801667/navigate-to-root-screen-from-nested-stack-navigator?noredirect=1#comment76584210_44801667
from react-navigation.
@ericvicenti There is a memory leak with your solution when used in a modal view. Under the performance monitor, RAM went up ~40mb every time that command is called.
from react-navigation.
Could you show a full example of the memory leak? Hard to tell exactly what you're doing
from react-navigation.
Related Issues (20)
- Dropdown and popover components opening at incorrect position in iOS when using default header in React Navigation 6 stack HOT 2
- getState typescript error after version 6.1.10 HOT 1
- Header height not getting calculated in pageY value for components in new architecture HOT 3
- Incorrect pageY value when only using default header of react navigation stack in new architecture HOT 3
- v7 Navigating back randomly causes NAVIGATE action to be dispatched instead of GO_BACK HOT 2
- Possible EventEmitter memory leak detected HOT 1
- Pressable interaction issue with StackNavigator on iPhone Xs + new architecture HOT 8
- 7.0.0-alpha.15 @react-navigation/material-top-tabs - tabBarIcons are not showing. HOT 4
- Adjust the margin of the bottom menu bar HOT 3
- DRAWER ENCERRA O APLICATIVO HOT 10
- Sometimes duplicate tab bar labels appear in bottom tabs HOT 1
- unmountOnBlur shows white screen randomly when switchint tabs HOT 2
- useHeaderHeight changes several times when orientation changes HOT 3
- Navigate into page, increase RAM, navigate back and RAM stays high HOT 1
- When using frosted glass stack to jump in Android mode, ReactNavigation will experience lag and frosted glass will reset HOT 5
- Weird transition in navigation HOT 2
- Invariant Violation: requireNativeComponent: "RNSModalScreen" was not found in the UIManager. HOT 15
- [Bridgeless] [RN 0.74] Event cannot be both direct and bubbling: topFocus HOT 4
- Strange flicker when you scroll up a modal with NativeStack in iOS
- Ripple effect shown twice after clicking one time on material top tab after new architecture enabled. HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-navigation.