Navigate to a different page
Last updated
Last updated
If you have multiple pages in your app, you'll need a way to navigate from page to page. This tutorial will walk you through basic navigations. For dynamic routing, see Set up dynamic routing.
Select the element that will trigger the navigation. From the Interactions panel, add a supported event. For example, you can use a Button to perform the navigation by adding a Click Button event.
Add an action and choose Navigation as the action.
Then choose a navigation method from the dropdown below. Methods include Go Back, Go To Page, and Open Link.
Go Back: Return the user to the previous page.
Go To Page: Go to another page in your app. Another dropdown will appear for you to select an existing page.
Open Link: Navigate to a link outside of your app. An input box will appear for you to enter a URL.
This example navigates to another page in our app named page1 upon the click of a button.
You can also add navigation events to elements other than buttons. For example, you can add aClickable to the contents of a Collapse Menu to act as a navigation bar. This will allow users to select which page they'd like to navigate to.
