Assemble mobile screens
Organize content to create mobile apps with multi-page layouts.
Retool Mobile organizes mobile components into separate screens that you create for different purposes. Users navigate between screens using the tab bar or by interactions that trigger event handlers, such as pressing a button or selecting an item from a list.
Manage screens
When editing a Retool Mobile app, the App IDE includes an additional mobile panel on the left. Use the Screens section of the mobile panel to select, add, or delete screens from your mobile app.
To add a new screen, click the + button. To delete an existing screen, click the •••
icon next to the screen, then select Delete.
Each screen has a title and name that you can update in the Inspector.
- The title (e.g.,
Screen 1
) is the text displayed in the app, similar to a web component's label. It appears in the title bar area of your app and in the tab bar at the bottom (if visible). - The name (e.g.,
screen1
) is used within the editor as the reference when you configure settings or write queries.
You configure the selected screen using the Inspector (the Inspect tab) in the right panel.

Navigate between screens
You can configure navigation between screens for your mobile app using the tab bar, configuring event handlers, or with JavaScript.