Doesnt work with react-navigation/native
See original GitHub issueThe toaster doesnt appear when using @react-navigation/native
lib. Have followed as shown in https://github.com/calintamas/react-native-toast-message#how-to-render-the-toast-when-using-react-navigation
I have placed <Toast/ >
as last element inside <NavigationContainer>....</NavigationContainer>
.
Any one else having same issue?
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:18 (4 by maintainers)
Top Results From Across the Web
Troubleshooting | React Navigation
Sometimes you might have noticed that your screens unmount/remount, or your local component state or the navigation state resets when you navigate. This...
Read more >navigation.navigate does not work in react native
1 Answer 1 · yes its working but 'navigation. · maybe you had another route called home in your stack or you just...
Read more >navigate does not work on react native windows · Issue #10653
Current behavior https://reactnavigation.org/docs/navigation-prop/ The code is exactly the same as "Try this example on Snack" on this page, ...
Read more >React Native Navigation: Tutorial with examples
In this React Native Navigation tutorial, we'll show you some examples of navigation patterns you can implement with React Navigation.
Read more >Navigating Between Screens - React Native
This guide covers the various navigation components available in React Native. If you are getting started with navigation, you will probably ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I don’t know if this may help, but it didn’t work for me because I placed the Toast element above my screens. Make sure you placed the
<Toast ref={(ref) => Toast.setRef(ref)} />
after all of your screens:and not
Hey @calintamas !
When we use a modal navigation, the toast appears below the view. We are following your recommendation, no luck.
Any idea? Thank you!
EDIT
Ok, I found why and maybe this could help to more people. To get the toast correctly working when you are using modals to navigate, the presentation prop must be:
If you use another type (modal, fullScreenModal or transparentModal), iOS will place the new modal above everything, including your awesome toast.