Navigation Controls

Qt Quick Controls offers a selection of navigation models.

Drawer

Side panel that can be opened and closed using a swipe gesture

StackView

Provides a stack-based navigation model

SwipeView

Enables the user to navigate pages by swiping sideways

TabBar

Allows the user to switch between different views or subtasks

TabButton

Button with a look suitable for a TabBar

The following sections offer guidelines for choosing the appropriate type of navigation model, depending on the use case.

StackView Control

StackView provides a stack-based navigation model which can be used with a set of interlinked pages. StackView works according to a last-in first-out principle: the page pushed last on the stack is the one visible. Popping a page removes the last page and makes the previous one visible.

SwipeView Control

SwipeView provides a navigation model that simplifies horizontal paged scrolling. The page indicator on the bottom shows which is the presently active page.

TabBar Control

TabBar is a bar with icons or text that allows the user to switch between different subtasks, views, or modes.

TabButton Control

TabButton is a button with a layout suitable for a TabBar control.

© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-6.0/qtquickcontrols2-navigation.html