Preview 2.0 is now in Public Beta!
Read the Announcement
Note: You are on the beta version of our docs. This is a work in progress and may contain broken links and pages.

Summary

Constructors

constructor

Properties

accessibilityHidden
accessibilityLanguage
accessibilityLiveRegion
accessibilityMediaSession
accessibilityRole
accessibilityState
accessibilityStep
accessible
alignContent
alignItems
alignSelf
androidContentInset
androidContentInsetLeft
androidContentInsetRight
androidDynamicElevationOffset
androidElevation
androidSelectedTabHighlightColor
androidStatusBarBackground
background
backgroundColor
backgroundImage
backgroundInternal
backgroundPosition
backgroundRepeat
backgroundSize
borderBottomColor
borderBottomLeftRadius
borderBottomRightRadius
borderBottomWidth
borderColor
borderLeftColor
borderLeftWidth
borderRadius
borderRightColor
borderRightWidth
borderTopColor
borderTopLeftRadius
borderTopRightRadius
borderTopWidth
borderWidth
boxShadow
clipPath
color
flexDirection
flexGrow
flexShrink
flexWrap
flexWrapBefore
font
fontFamily
fontInternal
fontScaleInternal
fontSize
fontStyle
fontWeight
height
horizontalAlignment
iosAccessibilityAdjustsFontSize
iosAccessibilityMaxFontScale
iosAccessibilityMinFontScale
justifyContent
letterSpacing
lineHeight
margin
marginBottom
marginLeft
marginRight
marginTop
maxLines
minHeight
minWidth
opacity
order
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
perspective
placeholderColor
PropertyBag
rotate
rotateX
rotateY
scaleX
scaleY
selectedBackgroundColor
selectedTabTextColor
separatorColor
statusBarStyle
tabBackgroundColor
tabTextColor
tabTextFontSize
textAlignment
textDecoration
textShadow
textTransform
tintColor
translateX
translateY
verticalAlignment
viewRef
visibility
whiteSpace
width
zIndex
1 properties inherited from Observable
Click to expand

Accessors

view

Constructors

constructor

new Style(ownerView: ViewBase | WeakRef<ViewBase>): Style
Parameter Default Description
ownerView
ViewBase | WeakRef<ViewBase>

Returns Style

Properties

PropertyBag

PropertyBag: {
  prototype: {}
}

accessibilityHidden

accessibilityHidden: boolean

accessibilityLanguage

accessibilityLanguage: string

accessibilityLiveRegion

accessibilityMediaSession

accessibilityMediaSession: boolean

accessibilityRole

accessibilityState

accessibilityStep

accessibilityStep: number

accessible

alignContent

alignContent: AlignContent

alignItems

alignSelf

androidContentInset

androidContentInset: string | number | LengthDipUnit | LengthPxUnit

androidContentInsetLeft

androidContentInsetRight

androidDynamicElevationOffset

androidDynamicElevationOffset: number

androidElevation

androidElevation: number

androidSelectedTabHighlightColor

androidSelectedTabHighlightColor: Color

androidStatusBarBackground

androidStatusBarBackground: Color

background

backgroundColor

backgroundImage

backgroundImage: string | LinearGradient

backgroundInternal

backgroundPosition

backgroundPosition: string

backgroundSize

backgroundSize: string

borderBottomColor

borderBottomLeftRadius

borderBottomRightRadius

borderBottomWidth

borderColor

borderLeftColor

borderLeftWidth

borderRadius

borderRightColor

borderRightWidth

borderTopColor

borderTopLeftRadius

borderTopRightRadius

borderTopWidth

borderWidth

boxShadow

clipPath

flexDirection

flexDirection: FlexDirection

flexGrow

flexShrink

flexWrap

flexWrapBefore

flexWrapBefore: boolean

fontFamily

fontInternal

fontScaleInternal

fontScaleInternal: number
This property ensures inheritance of a11y scale among views.

fontSize

fontStyle

fontStyle: FontStyleType

fontWeight

fontWeight: FontWeightType

horizontalAlignment

iosAccessibilityAdjustsFontSize

iosAccessibilityAdjustsFontSize: boolean

iosAccessibilityMaxFontScale

iosAccessibilityMaxFontScale: number

iosAccessibilityMinFontScale

iosAccessibilityMinFontScale: number

justifyContent

justifyContent: JustifyContent

letterSpacing

lineHeight

maxLines

perspective

placeholderColor

selectedBackgroundColor

selectedTabTextColor

separatorColor

statusBarStyle

statusBarStyle: "dark" | "light"

tabBackgroundColor

tabTextFontSize

tabTextFontSize: number

textShadow

translateX

translateY

Accessors

Methods

getCssVariable

getCssVariable(varName: string): string
Parameter Default Description
varName
string

Returns string

removeScopedCssVariable

removeScopedCssVariable(varName: string): void
Parameter Default Description
varName
string

Returns void

removeUnscopedCssVariable

removeUnscopedCssVariable(varName: string): void
Parameter Default Description
varName
string

Returns void

resetScopedCssVariables

resetScopedCssVariables(): void

resetUnscopedCssVariables

resetUnscopedCssVariables(): void

setScopedCssVariable

setScopedCssVariable(varName: string, value: string): void
Parameter Default Description
varName
string

value
string

Returns void

setUnscopedCssVariable

setUnscopedCssVariable(varName: string, value: string): void
Parameter Default Description
varName
string

value
string

Returns void

toString

toString(): string
Previous
StackLayout
Next
Switch