Skip to main content
Question

Can a "Navigate to" interaction trigger automatically after a "Close overlay" interaction?


Dweena

I’m prototyping a mobile app, and trying to animate this operation: On one page (which is not the homepage), when you go to share an item, it opens an overlay menu (which fills the bottom half the screen, the background greyed out), you then navigate through a few “Swap overlays”, and at the end you click a button at the bottom of the overlay that reads “Share to feed”. When that button is tapped, I want the overlay to close (easy enough) and then—here is where I’m stumped—I would like to automatically (immediately or after a brief delay) navigate to the homepage where the shared post can now appear in the “feed”.

Now, I know how to close the overlay, and I know how to navigate to the homepage, but I can’t get the two interactions to play back-to-back after a single tap. Does anyone know how to achieve this? Is it possible?

This topic has been closed for replies.

3 replies

Charlie_Wu

Instead of overlays, you could duplicate the page so that all prototype interactions use the “navigate to” with “smart animate”, instead of using the overlay interaction.

This way, when you are done with the flow, you direct the user to a copy of the home page that automatically redirects to another frame after a delay.

Here’s an example


Dweena
  • Author
  • 3 replies
  • July 1, 2021

Wow, thanks for throwing that together. Alright, I have managed to achieve something similar in my prototype. The whole thing is starting to feel like it’s stuck together with duct tape … but it works! Thank you 🙂


  • 0 replies
  • July 31, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings