Overview
Behind the four detail views, screen time, unlocks, scroll distance, and notifications, sits one shared container. It keeps a floating tab bar on screen while the content underneath changes, so switching between metrics feels like flipping between pages of the same book rather than opening separate screens. It also owns the small tools every detail view shares: the help sheet that explains how to read the data, and the way removed apps are grouped so their history stays visible without cluttering the list.How it works
Switch between the four views
A floating bar at the bottom shows the four metrics. Tapping one expands that button and shrinks the others while the content fades and scales into the new view, so the change reads as a smooth transition rather than a hard cut.
Show the right title and help
The header updates to the selected metric, and an info button is always available. Opening it reveals a help sheet that explains how to read the charts, a color legend for the heatmaps, and short tips specific to the current view.
What it shares across views
| Tool | Purpose |
|---|---|
| 🧭 Floating tab bar | Switches between the four detail views with an animated expand-and-shrink effect |
| 📋 Info and help sheet | Explains how to read each view, with a heatmap legend and per-view tips |
| 🗑️ Removed apps grouping | Keeps uninstalled apps’ history visible without cluttering the main list |
| ✨ Shared transitions | Smooth fade-and-scale animation when moving between views |
The four detail views themselves are documented with the features they belong to. Screen time and unlocks live on the Phone Usage & Unlocks page, scroll distance on App Scroll Details, and notifications on Core Usage Insights.
Edge cases handled
| Situation | Behavior | |
|---|---|---|
| 🗑️ | An app you used is uninstalled | Its history is grouped under Removed Apps, not deleted |
| 🔀 | Rapidly switching tabs | The animated bar and content transition stay in sync |
| ❓ | New to reading the charts | The info sheet explains each view and its heatmap legend |
| 🧩 | A view has no data yet | The container still frames it cleanly with its header and help |
Related pages
- Phone Usage & Unlocks: the screen time and unlocks views.
- App Scroll Details: the scroll distance view and per-app detail.
- Core Usage Insights: the notifications view and insight cards.
- App Navigation System: how this container fits into the wider navigation.