How to detect the active page

Mobile Beta
1

Hi everyone,

I’m working on an app for artists using the new Bubble Native and have encountered an issue with managing pages included in the navigation menu. In my app, I have a feed page that functions like a TikTok-style feed, but instead of videos, it displays photos with music playing over them. The music plays through a webview, which is itself a page included in the app’s menu.

The problem is that pages in the navigation menu seem to remain open in the background, even when switching to another tab. For instance, when I navigate from the feed to the home page, the feed page remains open in the background, and the music continues to play because the webview isn’t actually closed.

What I’ve tried:

• I’ve attempted to find ways to detect which page is currently active, so I can trigger a workflow to stop or pause the sound when switching pages. However, I’ve run into two main challenges:

  1. There’s no way to associate actions directly with the menu tabs.

  2. I haven’t found a reliable way to detect which page is currently active to trigger workflows or actions.

My question:

Does anyone know how to:

  1. Detect the currently active page in the navigation menu?

  2. Trigger workflows or actions when switching between pages in the menu ?

Thanks in advance for any advice or workarounds you can share!

IMG_6555 2.PNG
IMG_6555 2.PNG1170×2532 126 KB

2

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