Skip to content
native cook
Esc

Loading the catalog…

Collapsing Player Header


A near-black podcast screen made of type. Its top is a full player: "Yesterday", the show's name, a large three-line title, a thin progress track with the elapsed and remaining time, and a transport row (bookmark, back 15, a round pause button, forward 15, play on another device); under it "Episode Notes" and the notes run off the bottom. Scrolling the notes folds the player into a one-line mini player that stays as the header: the title leaves upward, the track travels up and narrows, a yellow cover grows in at its left and the pause button shrinks to its right, while two small tabs ("Description", "Links") appear over the notes. Every piece is placed from one number, the scroll offset.

Category
Navigation
Added
Oct 13, 2026
Stacks
RN · Swift · Kotlin
Author
Not known · posted by 60fps ↗

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.