Logo FluentUI

StackView QML Type

A styled stack view for page-based navigation. More...

Import Statement: import FluentUI 1.0

Properties

Signals

Methods

  • void clear()
  • void pop()
  • void push(Item item, object properties)
  • void replace(Item item, object properties)

Detailed Description

StackView provides a navigation model where items are pushed onto and popped off a stack, with animated transitions. It is commonly used for drilling down into hierarchical content, with each new page sliding into view.

Property Documentation

currentItem : Item

The item currently displayed at the top of the stack.

depth : int

The number of items currently in the stack.

initialItem : Item

The first item shown in the stack view when it is initialized.

popEnter : Transition

The transition animation applied to the incoming item during a pop operation.

popExit : Transition

The transition animation applied to the outgoing item during a pop operation.

pushEnter : Transition

The transition animation applied to the incoming item during a push operation.

pushExit : Transition

The transition animation applied to the outgoing item during a push operation.

replaceEnter : Transition

The transition animation applied to the incoming item during a replace operation.

replaceExit : Transition

The transition animation applied to the outgoing item during a replace operation.

Signal Documentation

currentItemChanged()

Emitted when the currentItem changes, either by push, pop, or replace.

Note: The corresponding handler is onCurrentItemChanged.

Method Documentation

void clear()

Removes all items from the stack.

void pop()

Pops the top item from the stack, returning to the previous item.

See also popEnter and popExit.

void push(Item item, object properties)

Pushes an item onto the stack. The optional properties argument can be used to set QML properties on the pushed item.

See also pushEnter and pushExit.

void replace(Item item, object properties)

Replaces the top item on the stack with a new item without changing the stack depth.

See also replaceEnter and replaceExit.