ttolbel UI

Component

Back button

A chevron paired with an optional label, matching the system back-navigation control.

The primitive

back button.tsx
<NativeBackButton onPress={() => {}} label="Back" />

Example

Anchored to the left edge of a nav bar, with the screen's title centered independently of the button's own width.

Edit profile
back-button-example.tsx
<NativeBackButton onPress={onBack} label="Account" />
<span className="flex-1 text-center font-semibold">Edit profile</span>

Capabilities

PropTypeDescription
onPressrequired() => void
labelstringMatches iOS behavior: previous screen title when available.
classNamestring