Back to components
Shared component
Screen Header
App screen header with back button, title, and optional right action buttons.
Install
What it does
- Back button with safe-area top inset
- Centered title text
- Left and right action button slots
- Consistent dark styling
When to use
Use it
Every app screen that needs a header with back navigation and optional actions.
Skip it
Tab screens without back navigation (hide back button).
Files & routes added
- components/shared/screen-header.tsx