Location Header: SwiftUI Location Header Pattern (Pro)

The header of a delivery or local app: the address and its chooser, search, a Now or Schedule pill, and the bag with its count.

Pro pattern · recorded from Pro

$npx swiftpieces add LocationHeader

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.

ProPattern · Navigation BarsiOS 17+Themed by Pro's design system

Type: LocationHeader
Inside: Saved addresses, Current location, Now or scheduled, Search and bag count
Install, with a Pro license: npx swiftpieces add LocationHeader
Depends on: Pro's Design System, which installs with it

Deliver to over the current address opens a chooser of saved addresses with a radio selection, Use current location through CoreLocation and Add address. Picking an address runs your check in the row before it applies. A search field, a Now or Schedule pill and the bag with its count complete the header.

Its SwiftUI source comes with SwiftPieces Pro: Location Header in the Pro library.

All patterns →

Navigation Bars · ProNewPro

Greeting Header

The top of a home tab: the date, a bell with its unread count, the avatar, a greeting by time of day and search, folding into a compact bar.

Inside

Time-of-day greetingUnread badgeAvatar with initialsFolds on scroll

Navigation Bars · ProNewPro

Scope Header

A feed header: the title, scopes as text tabs with a sliding underline, filter chips that scroll, and a Filters button with its count.

Inside

Sliding scope tabsFilter chipsFilters countPinned header

Navigation Bars · ProNewPro

Selection Toolbar

Edit mode for any list: a top bar with the count, Select all and Done, an action bar, selection circles on rows, and Undo.

Inside

Selection circlesRolling count and Select allShare, Move and DeleteUndo after each action

Location HeaderNew

More patterns