Skip to main content
Version: Bleeding Edge 🚧

Tab

Tabs organize content across different screens, data sets, and other interactions.

note

This component is not for (complex) navigation. Use React Navigation for that.

Import

import { Tab } from "@rneui/themed";

Usage

Loading...

Props

note

Includes all View props.

NameTypeDefaultDescription
containerStyleView StyleStyle for Tab container
disableIndicatorbooleanDisable the indicator below.
indicatorStyleView StyleAdditional styling for tab indicator.
onChange(value: number) => voidFunctionOn Index Change Callback.
scrollablebooleanfalseMakes Tab Scrolling
valuenumberChild position index value.
variantprimary | defaultDefine the background Variant.

Playground

Loading...