arkui

Expanding card

A bar at the foot of the screen that rises into the whole screen and falls back, following a finger or on its own.

Desktop

arkui has no expanding card yet.

Mobile

Asking for the latest capture…

Recording · The bar rising to the screen, and falling back.

Where

  • ui/ExpandingCard.kt: ExpandingCard, ExpandingCardState, rememberExpandingCard

How

  • ExpandingCard(state, stand, onOpen, collapsed, expanded, traveler): collapsed is the bar's face, expanded the screen's with a slot where traveler, the picture, lands.
  • state.open() and state.close() move it on its springs; ExpandingCardState.held(p, density) holds it at p for a screenshot.

Asking for the latest capture…

Recording · The bar rising to the screen, and falling back.

Where

  • swift/ArkUI: View.expandingCard(isPresented:bar:expanded:) (iOS 26)

How

  • On a TabView: tabView.expandingCard(isPresented: $open) { bar } expanded: { screen }. The bar sits on glass above the tab bar (tabViewBottomAccessory) and zooms into the screen and back (navigationTransition(.zoom)).
  • The system does the motion, a swipe down on the screen included; isPresented going false zooms it back into the bar.

Asking for the latest capture…

Android · Recording · The bar rising to the screen, and falling back.

Asking for the latest capture…

iOS · Recording · The bar rising to the screen, and falling back.