FluidTransitions icon indicating copy to clipboard operation
FluidTransitions copied to clipboard

Transitioning between nested navigator view and full-screen modal

Open Ashoat opened this issue 7 years ago • 0 comments

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:

  1. Wrapping a FluidNavigator around the existing navigators. This would allow me to display a full-screen view from within the FluidNavigator, but doesn't seem to work. Based on trawling through issues it looks like FluidNavigator was not set up to support nested navigators.
  2. Putting the FluidNavigator within the other navigators, and trying to lay out the contents of my screen outside the bounds of its navigator using position: "absolute". This doesn't seem to work either. I suspect it's because of some overflow: "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?

Ashoat avatar Mar 20 '19 22:03 Ashoat