ComponentsApp Settings & DeployBottom Tab Bar

Builder Settings

Bottom Tab Bar

Configure the primary user tab bar used for app-wide navigation, including tab items, visuals, and where the bar appears across screens.

Max tabs5

Keep navigation focused and easy to scan.

TargetsScreen IDs

Each tab points to a valid screen from Manage Screens.

VisibilityPer-screen

Auth screens are always excluded from tab visibility controls.

What it does

Navigation and appearance controls

Enable or disable tabs

Turn the bottom tab bar on or off for the app-level user experience.

Configure tab items

Add, remove, and reorder tabs with label, icon style, and destination screen.

Control visual style

Set active/inactive colors, background treatment, and label visibility behavior.

Set per-screen visibility

Show or hide tab bar by screen context for cleaner focused flows.

Builder setup

Configure tabs in six steps

Configuration flow

  1. Open App Settings & Deploy → Bottom Tab Bar.
  2. Enable the tab bar.
  3. Add/edit tab label, icon, and target screen.
  4. Adjust appearance settings.
  5. Set per-screen visibility.
  6. Save changes.

Validation checklist

  1. Keep tab count at 5 or fewer.
  2. Confirm each target screen exists.
  3. Review tab behavior on key screens.
Tips

Common mistakes to avoid

Overloading tabs

Too many destinations reduce clarity. Keep core user paths in tabs and deeper flows elsewhere.

Broken targets after edits

After screen updates, revisit tab targets to avoid sending users to removed screens.

Skipping Review checks

Always Review visibility behavior to confirm tabs appear only where intended.