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

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