8.6 Released with 🥽 visionOS support and more!
Check it out
TabView
Represents a tab view.

Summary ​

Constructors

constructor

Properties

android
androidIconRenderingMode
androidOffscreenTabLimit
androidSelectedTabHighlightColor
androidSwipeEnabled
androidTabsPosition
ios
iosIconRenderingMode
items
selectedIndex
selectedIndexChangedEvent
selectedTabTextColor
tabBackgroundColor
tabTextColor
tabTextFontSize
152 properties inherited from View
Click to expand

Methods

on
111 methods inherited from View
Click to expand

Constructors ​

constructor ​

new TabView(): TabView

Properties ​

android ​

android: any
Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.

androidIconRenderingMode ​

androidIconRenderingMode: "alwaysOriginal" | "alwaysTemplate"
Gets or sets the rendering mode of tab icons on Android. Defaults to "original" Valid values are: - alwaysOriginal - alwaysTemplate

androidOffscreenTabLimit ​

androidOffscreenTabLimit: number
Gets or sets the number of tabs that should be retained to either side of the current tab in the view hierarchy in an idle state. Tabs beyond this limit will be recreated from the TabView when needed.

androidSelectedTabHighlightColor ​

androidSelectedTabHighlightColor: Color
Gets or sets the color of the horizontal line drawn below the currently selected tab on Android.

androidSwipeEnabled ​

androidSwipeEnabled: boolean
Gets or sets a value indicating whether swipe gesture is enabled for Android.

androidTabsPosition ​

androidTabsPosition: "top" | "bottom"
Gets or set the tabs vertical position. Valid values are: - top - bottom

ios ​

ios: any
Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.

iosIconRenderingMode ​

iosIconRenderingMode: "automatic" | "alwaysOriginal" | "alwaysTemplate"
Gets or set the UIImageRenderingMode of the tab icons in iOS. Defaults to "automatic" Valid values are: - automatic - alwaysOriginal - alwaysTemplate

items ​

items: TabViewItem[]
Gets or sets the items of the TabView.

selectedIndex ​

selectedIndex: number
Gets or sets the selectedIndex of the TabView.

selectedTabTextColor ​

selectedTabTextColor: Color
Gets or sets the text color of the selected tab title.

tabBackgroundColor ​

tabBackgroundColor: Color
Gets or sets the background color of the tabs.

tabTextColor ​

tabTextColor: Color
Gets or sets the text color of the tabs titles.

tabTextFontSize ​

tabTextFontSize: number
Gets or sets the font size of the tabs titles.

selectedIndexChangedEvent ​

Static
selectedIndexChangedEvent: string
String value used when hooking to the selectedIndexChanged event.

Methods ​

on(eventNames: string, callback: (data: EventData) => void, thisArg?: any): void
A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
Parameter Default Description
eventNames
string

String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").

callback
(data: EventData) => void

Callback function which will be executed when event is raised.

thisArg
any

An optional parameter which will be used as `this` context for callback execution.

Returns void
on(
  event: "selectedIndexChanged",
  callback: (args: SelectedIndexChangedEventData) => void,
  thisArg?: any
): void
Raised when the selected index changes.
Parameter Default Description
event
"selectedIndexChanged"

callback
(args: SelectedIndexChangedEventData) => void

thisArg
any

Returns void
Previous
Switch