Mobile UI design

Pull summary

A one-line strip of three numbers at the top of a list. Pull it down and it grows under your finger into the full stats panel — 94%, streak, steps/focus/done — with the list sliding down to make room; let go past the threshold and it snaps open, otherwise it springs back. Pull up or tap to collapse.

What it is

A one-line strip of three numbers sits at the top of a list. Pull it down and it grows under your finger into the full stats panel, the list sliding down to make room; let go past the threshold and it snaps open, otherwise it springs back. A gesture-driven alternative to a stats tab, used in fitness, habit and productivity apps where the summary matters but should not take permanent space above the list.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 7 集「6 种组件交互提升 App 和小程序质感」· 06 下拉展开摘要 Pull Summary