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.

<Tab.Item
  title="Tab 1"
  buttonStyle={(active) => {
    backgroundColor: active ? "red" : "blue";
  }}
/>

Import

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

Usage

Props

note

Includes all View props.

Name	Type	Default	Description
containerStyle	View Style		Style for Tab container
disableIndicator	boolean		Disable the indicator below.
indicatorStyle	View Style		Additional styling for tab indicator.
onChange	(value: number) => void	Function	On Index Change Callback.
scrollable	boolean	false	Makes Tab Scrolling
value	number		Child position index value.
variant	primary or default		Define the background Variant.

Playground

Loading...