App navigation - Bravo Studio Help Center

Bravo Studio Help Center

Search…

Bravo Studio Help Center

Get started with Bravo Studio 👏

Get Started

Navigating Bravo Studio

Bravo Vision previewer

Unlock power features to create interactive apps

Create your first app with Bravo

Set up your design

What is bravorizing?

Structuring the design: the layer hierarchy

Bravo Tags: adding functionality to the UI elements

Setting up app navigation on Figma

Setting up app navigation on Adobe XD

Bravorizer (Bravo plugin for Figma)

Sample design files

Bravo Tags

Bravo Tags Master List

Special containers

Form & input fields

Interactive component

App Icon & Splash Screen

Set up your backend

Set up a no-code backend

Set up API requests

Debugging API issues

Data Collection & Binding: Complete Collection

Data binding

Data binding: connect API data to design

Display data in your app

Create data from your app

Delete data from your app

Conditional Visibility

Integrations

Create deep links for your app

Push Notifications with OneSignal

User Authentication

One-time Payment with Stripe

Multilingual apps

App Publication

Publishing your app

Making changes to your app after publication

App rating alert

Resources

Learn with videos

Learn with articles

Browse by app feature

Good to Know

Manage your account

Join the Bravo community

Powered By GitBook

📲

App navigation

The navigation between the app pages is set in the design tool (Figma or Adobe XD), by creating prototyping links between the pages.
Creating these links has another important function: passing data between the API requests bound to the app pages. 
For instance, to create a page showing a list with several items, that navigates to a specific detail page when a certain item is pressed. In this case, the prototyping link will be created from the list container element to the app page with the detail information.
See here how to create the API requests for the list and detail page setup.
Also, the prototyping tool will be used to specify the app home screen. 
How to set up app navigation links
Below you can find how to create the prototyping links to create the app navigation, depending on the design tool you use.
Setting up app navigation on Figma
Setting up a container on Adobe XD

Set up your design - Previous

Bravo Tags: adding functionality to the UI elements

Setting up app navigation on Figma

Last modified 6mo ago

Copy link