Navigation / The visual dictionary

Navigation stack.

An ordered history of screens pushed within an app's hierarchy.

Also calledscreen stackback stack

See it in context

UI illustration

What it is

An ordered history of screens pushed within an app's hierarchy. Push a new screen for deeper content and pop it to return to the prior screen and state.

When to use it

Use it for sequential drill-down navigation.

Know the difference

A navigation stack models screen history; a split view may expose several levels simultaneously.

Across platforms

WebiOSiPadOSAndroidmacOSWindowsLinux

Web · iOS · iPadOS · Android · macOS · Windows · Linux

iOS navigation controllers and Android back stacks implement related concepts with different lifecycle rules.

Go to the source

Primary documentation for the pattern and its platform conventions.

Material Design — Understanding navigation

FROM NAME TO NEXT BUILD

Put it into words.

Choose a device and an effect, then copy the whole description.

Building forPhone modelAnimation effectBrowse the effect library

Create a navigation stack. Push a new screen for deeper content and pop it to return to the prior screen and state. Use it for sequential drill-down navigation. Make it responsive and accessible, and follow the selected platform's interaction conventions.

Your copied description includes the component, device context, and selected animation timing.

See it in context

What it is

When to use it

Know the difference

Across platforms

Web · iOS · iPadOS · Android · macOS · Windows · Linux

Go to the source

You might also mean…

Back button

List–detail layout

Route