🗂️Navigation Groups

Navigation groups help you organize screens inside the side navigation of your app. You can use groups to keep your navigation clean when your app has many screens.

For example, you can create an "Archive" group and place older screens like "2023 Results", "2022 Results", or "Past Squads" inside it.

Follow these steps to create and use navigation groups:

1. Open your app in the app builder.

2. Click on the "Edit Navigation" button in the bottom-right corner of the app builder. This will open the navigation settings for your app.

1. Make sure the screens you want to group are in the side navigation.

If a screen is currently in the bottom tabs, drag it into the side navigation section first.

Navigation groups are only available for screens in side navigation. Screens in bottom tabs cannot be placed inside groups.

1. Click the "Add group" button in the side navigation section.

A new group will be added to your side navigation.

1. Rename the group by editing the group name.

For example, you can name the group "Archive", "Reports", "Admin", or anything else that helps organize your app.

1. Add screens to the group.

Click on a screen in the side navigation, then use the "Group" dropdown to select the group where the screen should appear.

1. Repeat this for any other screens you want to place inside the group.

The grouped screens will appear under the group in the side navigation preview.

1. To remove a screen from a group, click on the screen and set the "Group" dropdown back to "No group".

2. To reorder groups, use the "Move up" and "Move down" buttons on the group.

3. To delete a group, click the "Delete group" button.

Deleting a group does not delete the screens inside it. The screens will stay in the side navigation and will no longer be grouped.

1. Preview your app.

In the app preview, group names appear as collapsible rows. Users can click the group name or caret to expand or collapse the screens inside it.

1. Once you're done, publish your app to make the navigation group changes live for your users.

Changes are automatically saved in the app builder, but they only show up on your app link after publishing the app.

Navigation groups are useful for keeping less frequently used screens tucked away while still making them easy to access when needed.