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)
- Git error 128 adding react-navigation/bottom-tabs HOT 3
- Navigating to the Home page after using back browser feature navigates outside the application HOT 2
- react native drawer issue on top screen when app in open HOT 4
- Tab Navigator inside Stack Navigator Cause Re-Render when do redux action HOT 3
- How to change the pressColor of a drawer menu item? HOT 5
- Title overlaps when the title length increases HOT 5
- `useLinkProps` not generating correct link in browser HOT 4
- **人请看:作为一名资深5年的RN告诉你这个烂库别用,尤其是新手 HOT 2
- In Android 14, app gets restarted when navigating from portrait to landscape screen HOT 2
- React Navigator URLs specified in linking are being ignored when matching urls HOT 9
- Navigate to Screen with Scrollview and back to current screen with ScrollView, cause scroll stuck (not smooth) HOT 3
- react-native-drawer-layout: right drawer stuck in open position. Won't close. HOT 7
- Stack header accessibility issue: tab order HOT 2
- Error using setParams and setOptions, rollback to version @react-navigation/[email protected] is mandatory HOT 11
- Error from useBottomTabBarHeight() limits its usage. HOT 5
- Regression in material top tabs scrolling behavior in RN 0.73 HOT 2
- Drawer headerRight button also opens in the headerLeft. HOT 2
- React native bottom tab bar pushing itself up when opening keyboard HOT 3
- ReactNavigation doesn't build on ReactNative 0.73.5 on iOS (on Android everything is ok) HOT 1
- React native tabview stuck on iOS while switching tabs HOT 3
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.