Skip to main content

Bottom Navigation

Bottom Navigation provides quick navigation between top-level views of an app with a bottom navigation bar.

Examples

Home Screen
Home
Feed
Alerts
Profile

Props

Prop
Required
Default
Type

onTabPress

required

(key: string) => void

selectedTabKey

required

string

tabs

required

{ key: string; title?: string; icon: "number" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | ... 453 more ... | "wellness-outlined"; component: ReactNode; testID?: string; }[]

renderActiveTabOnly

false

boolean

style

StyleProp<ViewStyle>

testID

string