ttolbel UI

Component

Back button

A chevron paired with an optional label for back navigation.

Standalone

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-
labelstringPrevious screen title when available, otherwise "Back".
classNamestring-