How to create a navigation bar that stays open even when the user leaves the app?

Asked

Viewed 31 times

-1

Speak, Glr! I’m a beginner in React Native.

I would like to know if it is possible and, if yes, how to create an "options bar" that appears even outside the app, when the user leaves the open window of the app.

This bar, for example, would have some buttons that would trigger events on the smartphone.

Example:

(that bar would be from another app and not from the calculator)

inserir a descrição da imagem aqui

javascript android react-native

  • Please clarify your problem or provide additional details in order to highlight exactly what you need. The way it’s written these days it’s hard to tell exactly what you’re asking.

  • Hello Arthur, there is a package, the React-Native-floating-Bubble, of course it’s not when you close the app, but when you go to other operating system screens or other apps. Works similar to the Facebook Messenger on Android. If someone needs something similar for "pure Android" use https://github.com/txusballesteros/bubbles-for-android. (React-floating-Bubble is a wrapper for it). If you have a specific question about the component you can [Edit] the question.

  • Show! Wanted some material in this regard. Helped too much, thank you!

1 answer

-3

Maybe what you’re trying to do is create a Drawer, which works as a menu where the user can browse the pages.

to know more you can click on this link https://reactnavigation.org/docs/drawer-navigator

In order to solve the problem of viewing the options, if the user is logged in or not, it would be necessary to configure the routes of your app.

Here is a video of how to do this using stack, in your case you can use Drawer if you prefer. https://www.youtube.com/watch?v=WVdRjMycfpo

  • Please provide additional details in your reply. As it is currently written, it is difficult to understand your solution.

  • Thanks for the help! But it wasn’t that =/. I added an image in the post (these circular buttons are from another app, not the calculator). I would like to try to do something along these lines.

Browser other questions tagged javascript android react-native

You are not signed in. Login or sign up in order to post.