Drawing navigation

Tabs, pushed screens and pop-ups

• Tab: a screen in the tab bar. The generated app uses each platform’s own tab bar: Liquid Glass on iOS 26, Material 3 Expressive on Android.
• Pushed screen: slides in with a back button, inside the tab it was opened from, so the tab bar stays.
• Pop-up: a sheet over the current screen, for short tasks such as a form or a filter.

The four kinds of arrow

Click an arrow’s label on the canvas to choose what it does. Each kind has its own line, so the canvas shows it.

• Opens (a solid line): the screen slides in over this one, with a Back button, and the tab bar stays.
• Pops up (dotted): the screen slides up over everything, tab bar included, and closes with a Close button or a swipe down.
• Switches tab (solid, with a tab mark): jumps to another tab. There is no Back button; the tab bar is the way back.
• Moves on (dashed): goes forward for good, like finishing sign-up. There is no way back.

The same choice is under When tapped in a block’s side panel, which is also the way to do it from the keyboard.

When an arrow cannot be built

The App Builder only draws what the generated app will do. When an arrow is one the app shell cannot build, its label carries a warning mark on the canvas, the When tapped field of the block it starts from says why, and Send app to agent lists it as unfinished. Change the kind of arrow or where it starts, and the mark goes.

Lists that repeat, and menus

When every row of a list opens the same screen with different content (orders, bookings, messages), mark the list as repeating and draw one arrow. When each row opens a different screen (a settings menu), draw an arrow from each row. This keeps one screen on the canvas equal to one screen in the app.