πŸš€ 8.9 Released! β†’ ⚑️ New Node-API Engine Preview, πŸ“² ns widget ios, πŸ’… Tailwind v4 and more...
Read Announcement
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
_androidContentDescriptionUpdated
_automaticallyAdjustsScrollViewInsets
_closeModalCallback
_context
_cssState
_defaultPaddingBottom
_defaultPaddingLeft
_defaultPaddingRight
_defaultPaddingTop
_domId
_ignoreFlexMinWidthHeightReset
_isAddedToNativeVisualTree
_isLayoutValid
_isPaddingRelative
_isStyleScopeHost
_oldBottom
_oldLeft
_oldRight
_oldTop
_styleScope
_suspendNativeUpdatesCount
accessibilityBlurEvent
accessibilityFocusChangedEvent
accessibilityFocusEvent
accessibilityHidden
accessibilityHint
accessibilityIdentifier
accessibilityLabel
accessibilityLanguage
accessibilityLiveRegion
accessibilityMediaSession
accessibilityPerformEscapeEvent
accessibilityRole
accessibilityState
accessibilityValue
accessible
alignSelf
androidDynamicElevationOffset
androidElevation
automationText
background
backgroundColor
backgroundImage
bindingContext
borderBottomColor
borderBottomLeftRadius
borderBottomRightRadius
borderBottomWidth
borderColor
borderLeftColor
borderLeftWidth
borderRadius
borderRightColor
borderRightWidth
borderTopColor
borderTopLeftRadius
borderTopRightRadius
borderTopWidth
borderWidth
boxShadow
className
col
color
colSpan
column
columnSpan
createdEvent
cssClasses
cssPseudoClasses
cssType
disposeNativeViewEvent
dock
domNode
effectiveBorderBottomWidth
effectiveBorderLeftWidth
effectiveBorderRightWidth
effectiveBorderTopWidth
effectiveHeight
effectiveLeft
effectiveMarginBottom
effectiveMarginLeft
effectiveMarginRight
effectiveMarginTop
effectiveMinHeight
effectiveMinWidth
effectivePaddingBottom
effectivePaddingLeft
effectivePaddingRight
effectivePaddingTop
effectiveTop
effectiveWidth
flexGrow
flexShrink
flexWrapBefore
height
horizontalAlignment
id
ignoreTouchAnimation
iosAccessibilityAdjustsFontSize
iosAccessibilityMaxFontScale
iosAccessibilityMinFontScale
iosIgnoreSafeArea
iosOverflowSafeArea
iosOverflowSafeAreaEnabled
isCollapsed
isEnabled
isLayoutValid
isUserInteractionEnabled
layoutChangedEvent
left
loadedEvent
margin
marginBottom
marginLeft
marginRight
marginTop
minHeight
minWidth
modal
nativeViewProtected
opacity
order
originX
originY
parent
perspective
propertyChangeEvent
recycleNativeView
reusable
rotate
rotateX
rotateY
row
rowSpan
scaleX
scaleY
sharedTransitionIgnore
sharedTransitionTag
showingModallyEvent
shownModallyEvent
testID
top
touchAnimation
touchDelay
transitionId
translateX
translateY
unloadedEvent
verticalAlignment
viewController
visibility
width

Methods

on
111 methods inherited from View
Click to expand
_addView
_addViewCore
_addViewToNativeVisualTree
_applyXmlAttribute
_batchUpdate
_childIndexToNativeChildIndex
_closeAllModalViewsInternal
_createPropertyChangeData
_dialogClosed
_eachLayoutView
_emit
_getNativeViewsCount
_getRootModalViews
_getValue
_handleLivesync
_hasAncestorView
_hideNativeModalView
_inheritStyleScope
_layoutParent
_observe
_onAttachedToWindow
_onDetachedFromWindow
_onRootViewReset
_onSizeChanged
_parentChanged
_raiseLayoutChangedEvent
_raiseShowingModallyEvent
_raiseShownModallyEvent
_removeView
_removeViewCore
_removeViewFromNativeVisualTree
_resumeNativeUpdates
_setupAsRootView
_setupUI
_setValue
_shouldDelayLayout
_showNativeModalView
_suspendNativeUpdates
_tearDownUI
_updateStyleScope
accessibilityAnnouncement
accessibilityScreenChanged
addEventListener
addEventListener
addPseudoClass
animate
bind
callLoaded
callUnloaded
closeModal
combineMeasuredStates
createAnimation
createNativeView
deletePseudoClass
destroyNode
disposeNativeView
eachChild
eachChildView
ensureDomNode
focus
get
getActualSize
getGestureObservers
getLocationInWindow
getLocationOnScreen
getLocationRelativeTo
getMeasuredHeight
getMeasuredState
getMeasuredWidth
getSafeAreaInsets
getViewByDomId
getViewById
hasGestureObservers
hasListeners
initNativeView
layout
layoutChild
layoutNativeView
loadView
measure
measureChild
notify
notifyPropertyChange
off
off
on
onBackPressed
once
once
onLayout
onLoaded
onMeasure
onResumeNativeUpdates
onUnloaded
removeEventListener
removeEventListener
requestLayout
resetNativeView
resolveSizeAndState
sendAccessibilityEvent
set
setInlineStyle
setMeasuredDimension
setNativeView
setOnTouchListener
setProperty
setTestID
showModal
toString
unbind
unloadView

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

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /