FluidTransitions
FluidTransitions copied to clipboard
Transitioning between nested navigator view and full-screen modal
I have a chat app that uses React Navigation to implement a tab bar and a header bar. When users press on an image that was sent in the chat, I want to transition to a full-screen view of that image.
Here's what I've tried:
- Wrapping a
FluidNavigatoraround the existing navigators. This would allow me to display a full-screen view from within theFluidNavigator, but doesn't seem to work. Based on trawling through issues it looks likeFluidNavigatorwas not set up to support nested navigators. - Putting the
FluidNavigatorwithin the other navigators, and trying to lay out the contents of my screen outside the bounds of its navigator usingposition: "absolute". This doesn't seem to work either. I suspect it's because of someoverflow: "hidden"somewhere, but even after I tried stripping out all of the ones I could find (in both React Navigation and this package) it still doesn't seem to work.
Any suggestions?