ViewBase | API - NativeScript

Observable

ViewBase

ViewCommon ActionItem SegmentedBarItem TabViewItem FormattedString Span

Summary

Constructors

constructor

Properties

_automaticallyAdjustsScrollViewInsets

_context

_cssState

_defaultPaddingBottom

_ignoreFlexMinWidthHeightReset

_isAddedToNativeVisualTree

_suspendNativeUpdatesCount

disposeNativeViewEvent

dock

domNode

effectiveBorderBottomWidth

effectiveBorderLeftWidth

effectiveBorderRightWidth

effectiveBorderTopWidth

effectiveHeight

effectiveLeft

effectiveMarginBottom

effectivePaddingBottom

effectivePaddingLeft

effectivePaddingRight

2 properties inherited from Observable

Click to expand

Methods

18 methods inherited from Observable

Click to expand

Constructors

constructor

new ViewBase(): ViewBase

inherited from constructor

defined in @nativescript/core/data/observable/index.d.ts:76:1

Returns ViewBase

Properties

_automaticallyAdjustsScrollViewInsets

Private

_automaticallyAdjustsScrollViewInsets: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:478:8

_context

_context: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:383:1

_cssState

_cssState: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:368:1

_defaultPaddingBottom

Private

_defaultPaddingBottom: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:167:1

_defaultPaddingLeft

Private

_defaultPaddingLeft: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:171:1

_defaultPaddingRight

Private

_defaultPaddingRight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:163:1

_defaultPaddingTop

Private

_defaultPaddingTop: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:159:1

_domId

_domId: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:366:1

_ignoreFlexMinWidthHeightReset

Private

_ignoreFlexMinWidthHeightReset: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:471:8

_isAddedToNativeVisualTree

_isAddedToNativeVisualTree: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:432:1

_isPaddingRelative

Private

_isPaddingRelative: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:466:8

_isStyleScopeHost

Private

_isStyleScopeHost: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:482:1

_moduleName

Private

_moduleName?: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:137:1

_oldBottom

Private

_oldBottom: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:155:1

_oldLeft

Private

_oldLeft: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:143:1

_oldRight

Private

_oldRight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:151:1

_oldTop

Private

_oldTop: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:147:1

_styleScope

_styleScope: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:473:8

_suspendNativeUpdatesCount

_suspendNativeUpdatesCount: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:496:8

_suspendedUpdates

Private

_suspendedUpdates: {}

defined in @nativescript/core/ui/core/view-base/index.d.ts:180:1

alignSelf

alignSelf: AlignSelf

defined in @nativescript/core/ui/core/view-base/index.d.ts:131:1

android

android: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:243:8

bindingContext

bindingContext: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:255:8

className

className: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:286:8

col

col: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:114:1

colSpan

colSpan: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:120:1

column

column: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:118:1

columnSpan

columnSpan: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:124:1

cssClasses

cssClasses: Set<string>

defined in @nativescript/core/ui/core/view-base/index.d.ts:376:8

cssPseudoClasses

cssPseudoClasses: Set<string>

defined in @nativescript/core/ui/core/view-base/index.d.ts:377:8

dock

dock: "left" | "right" | "top" | "bottom"

defined in @nativescript/core/ui/core/view-base/index.d.ts:112:1

domNode

domNode: DOMNode

defined in @nativescript/core/ui/core/view-base/index.d.ts:125:1

effectiveBorderBottomWidth

effectiveBorderBottomWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:219:8

effectiveBorderLeftWidth

effectiveBorderLeftWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:220:8

effectiveBorderRightWidth

effectiveBorderRightWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:218:8

effectiveBorderTopWidth

effectiveBorderTopWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:217:8

effectiveHeight

effectiveHeight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:208:8

effectiveLeft

effectiveLeft: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:110:1

effectiveMarginBottom

effectiveMarginBottom: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:211:8

effectiveMarginLeft

effectiveMarginLeft: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:212:8

effectiveMarginRight

effectiveMarginRight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:210:8

effectiveMarginTop

effectiveMarginTop: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:209:8

effectiveMinHeight

effectiveMinHeight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:206:8

effectiveMinWidth

effectiveMinWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:205:8

effectivePaddingBottom

effectivePaddingBottom: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:215:8

effectivePaddingLeft

effectivePaddingLeft: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:216:8

effectivePaddingRight

effectivePaddingRight: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:214:8

effectivePaddingTop

effectivePaddingTop: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:213:8

effectiveTop

effectiveTop: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:111:1

effectiveWidth

effectiveWidth: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:207:8

flexGrow

flexGrow: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:128:1

flexShrink

flexShrink: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:129:1

flexWrapBefore

flexWrapBefore: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:130:1

id

id: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:281:8

ios

ios: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:242:8

isCollapsed

isCollapsed: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:302:8

isLoaded

Readonly

isLoaded: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:303:17

left

left: LengthType

defined in @nativescript/core/ui/core/view-base/index.d.ts:108:1

nativeView

nativeView: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:254:8

nativeViewProtected

nativeViewProtected: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:253:8

order

order: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:127:1

page

Readonly

page: Page

defined in @nativescript/core/ui/core/view-base/index.d.ts:291:17

parent

Readonly

parent: ViewBase

defined in @nativescript/core/ui/core/view-base/index.d.ts:271:17

parentNode

parentNode: ViewBase

defined in @nativescript/core/ui/core/view-base/index.d.ts:276:8

recycleNativeView

recycleNativeView: "auto" | "always" | "never"

defined in @nativescript/core/ui/core/view-base/index.d.ts:461:8

reusable

reusable: boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:261:8

row

row: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:113:1

rowSpan

rowSpan: number

defined in @nativescript/core/ui/core/view-base/index.d.ts:119:1

style

Readonly

style: Style

defined in @nativescript/core/ui/core/view-base/index.d.ts:296:17

top

top: LengthType

defined in @nativescript/core/ui/core/view-base/index.d.ts:109:1

typeName

typeName: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:266:8

viewController

viewController: any

defined in @nativescript/core/ui/core/view-base/index.d.ts:248:8

createdEvent

Static

createdEvent: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:235:15

disposeNativeViewEvent

Static

disposeNativeViewEvent: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:240:15

loadedEvent

Static

loadedEvent: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:225:15

unloadedEvent

Static

unloadedEvent: string

defined in @nativescript/core/ui/core/view-base/index.d.ts:230:15

Methods

_addView

_addView(view: ViewBase, atIndex?: number): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:345:1

Parameter	Default	Description
`view`		`ViewBase`
`atIndex`		`number`

Returns void

_addViewCore

_addViewCore(view: ViewBase, atIndex?: number): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:349:1

Parameter	Default	Description
`view`		`ViewBase`
`atIndex`		`number`

Returns void

_addViewToNativeVisualTree

_addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:437:1

Parameter	Default	Description
`view`		`ViewBase`
`atIndex`		`number`

Returns boolean

_batchUpdate

_batchUpdate<T>(callback: () => T): T

defined in @nativescript/core/ui/core/view-base/index.d.ts:501:1

Parameter	Default	Description
`callback`		`() => T`

Returns T

_childIndexToNativeChildIndex

_childIndexToNativeChildIndex(index?: number): number

defined in @nativescript/core/ui/core/view-base/index.d.ts:439:1

Parameter	Default	Description
`index`		`number`

Returns number

_dialogClosed

_dialogClosed(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:360:1

Returns void

_goToVisualState

_goToVisualState(state: string): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:379:1

Parameter	Default	Description
`state`		`string`

Returns void

_inheritStyleScope

Private

_inheritStyleScope(styleScope: any): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:516:1

Parameter	Default	Description
`styleScope`		`any`

Returns void

_layoutParent

Private

_layoutParent(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:487:1

Returns void

_onCssStateChange

Private

_onCssStateChange(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:374:1

Returns void

_onRootViewReset

_onRootViewReset(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:364:1

Returns void

_parentChanged

_parentChanged(oldParent: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:356:1

Parameter	Default	Description
`oldParent`		`ViewBase`

Returns void

_removeView

_removeView(view: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:351:1

Parameter	Default	Description
`view`		`ViewBase`

Returns void

_removeViewCore

_removeViewCore(view: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:355:1

Parameter	Default	Description
`view`		`ViewBase`

Returns void

_removeViewFromNativeVisualTree

_removeViewFromNativeVisualTree(view: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:438:1

Parameter	Default	Description
`view`		`ViewBase`

Returns void

_setupAsRootView

Private

_setupAsRootView(context: any): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:505:1

Parameter	Default	Description
`context`		`any`

Returns void

_setupUI

_setupUI(context: any, atIndex?: number): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:389:1

Parameter	Default	Description
`context`		`any`
`atIndex`		`number`

Returns void

_shouldDelayLayout

_shouldDelayLayout(): boolean

defined in @nativescript/core/ui/core/view-base/index.d.ts:511:1

Returns boolean

_tearDownUI

_tearDownUI(force?: boolean): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:395:1

Parameter	Default	Description
`force`		`boolean`

Returns void

addPseudoClass

Protected

addPseudoClass(name: string): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:446:1

Parameter	Default	Description
`name`		`string`

Returns void

bind

bind(options: BindingOptions, source?: Object): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:331:1

Parameter	Default	Description
`options`		`BindingOptions`
`source`		`Object`

Returns void

callLoaded

Private

callLoaded(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:521:1

Returns void

callUnloaded

Private

callUnloaded(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:526:1

Returns void

closeModal

closeModal(context?: any): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:203:1

Parameter	Default	Description
`context`		`any`

Returns void

createNativeView

createNativeView(): Object

defined in @nativescript/core/ui/core/view-base/index.d.ts:408:1

Returns Object

deletePseudoClass

Protected

deletePseudoClass(name: string): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:453:1

Parameter	Default	Description
`name`		`string`

Returns void

destroyNode

destroyNode(forceDestroyChildren?: boolean): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:402:1

Parameter	Default	Description
`forceDestroyChildren`		`boolean`

Returns void

disposeNativeView

disposeNativeView(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:418:1

Returns void

eachChild

eachChild(callback: (child: ViewBase) => boolean): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:343:1

Parameter	Default	Description
`callback`		`(child: ViewBase) => boolean`

Returns void

ensureDomNode

ensureDomNode(): any

defined in @nativescript/core/ui/core/view-base/index.d.ts:459:1

Returns any

getViewByDomId

getViewByDomId<T>(id: number): T

defined in @nativescript/core/ui/core/view-base/index.d.ts:313:1

Parameter	Default	Description
`id`		`number`

Returns T

getViewById

getViewById<T>(id: string): T

defined in @nativescript/core/ui/core/view-base/index.d.ts:308:1

Parameter	Default	Description
`id`		`string`

Returns T

initNativeView

initNativeView(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:413:1

Returns void

loadView

loadView(view: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:319:1

Parameter	Default	Description
`view`		`ViewBase`

Returns void

onLoaded

onLoaded(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:327:1

Returns void

onResumeNativeUpdates

onResumeNativeUpdates(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:329:1

Returns void

onUnloaded

onUnloaded(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:328:1

Returns void

requestLayout

requestLayout(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:337:1

Returns void

resetNativeView

resetNativeView(): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:423:1

Returns void

setInlineStyle

setInlineStyle(style: string): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:381:1

Parameter	Default	Description
`style`		`string`

Returns void

setNativeView

setNativeView(view: any): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:430:1

Parameter	Default	Description
`view`		`any`

Returns void

showModal

showModal(moduleName: string, modalOptions?: ShowModalOptions): ViewBase

defined in @nativescript/core/ui/core/view-base/index.d.ts:190:1

Parameter	Default	Description
`moduleName`		`string`
`modalOptions`		`ShowModalOptions`

Returns ViewBase

showModal(view: ViewBase, modalOptions?: ShowModalOptions): ViewBase

defined in @nativescript/core/ui/core/view-base/index.d.ts:197:1

Parameter	Default	Description
`view`		`ViewBase`
`modalOptions`		`ShowModalOptions`

Returns ViewBase

unbind

unbind(property: string): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:332:1

Parameter	Default	Description
`property`		`string`

Returns void

unloadView

unloadView(view: ViewBase): void

defined in @nativescript/core/ui/core/view-base/index.d.ts:325:1

Parameter	Default	Description
`view`		`ViewBase`

Returns void

Summary #

Constructors

Properties

Methods

Constructors #

constructor #

Properties #

_automaticallyAdjustsScrollViewInsets #

_context #

_cssState #

_defaultPaddingBottom #

_defaultPaddingLeft #

_defaultPaddingRight #

_defaultPaddingTop #

_domId #

_ignoreFlexMinWidthHeightReset #

_isAddedToNativeVisualTree #

_isPaddingRelative #

_isStyleScopeHost #

_moduleName #

_oldBottom #

_oldLeft #

_oldRight #

_oldTop #

_styleScope #

_suspendNativeUpdatesCount #

_suspendedUpdates #

alignSelf #

android #

bindingContext #

className #

col #

colSpan #

column #

columnSpan #

cssClasses #

cssPseudoClasses #

dock #

domNode #

effectiveBorderBottomWidth #

effectiveBorderLeftWidth #

effectiveBorderRightWidth #

effectiveBorderTopWidth #

effectiveHeight #

effectiveLeft #

effectiveMarginBottom #

effectiveMarginLeft #

effectiveMarginRight #

effectiveMarginTop #

effectiveMinHeight #

effectiveMinWidth #

effectivePaddingBottom #

effectivePaddingLeft #

effectivePaddingRight #

effectivePaddingTop #

effectiveTop #

effectiveWidth #

flexGrow #

flexShrink #

flexWrapBefore #

id #

ios #

isCollapsed #

isLoaded #

left #

nativeView #

nativeViewProtected #

order #

page #

parent #

parentNode #

recycleNativeView #

reusable #

row #

rowSpan #

style #

top #

typeName #

viewController #

createdEvent #

Summary

Constructors

constructor

Properties

_automaticallyAdjustsScrollViewInsets

_context

_cssState

_defaultPaddingBottom

_defaultPaddingLeft

_defaultPaddingRight

_defaultPaddingTop

_domId

_ignoreFlexMinWidthHeightReset

_isAddedToNativeVisualTree

_isPaddingRelative

_isStyleScopeHost

_moduleName

_oldBottom

_oldLeft

_oldRight

_oldTop

_styleScope

_suspendNativeUpdatesCount

_suspendedUpdates

alignSelf

android

bindingContext

className

col

colSpan

column

columnSpan

cssClasses

cssPseudoClasses

dock

domNode

effectiveBorderBottomWidth

effectiveBorderLeftWidth

effectiveBorderRightWidth

effectiveBorderTopWidth

effectiveHeight

effectiveLeft

effectiveMarginBottom

effectiveMarginLeft

effectiveMarginRight

effectiveMarginTop

effectiveMinHeight

effectiveMinWidth

effectivePaddingBottom

effectivePaddingLeft

effectivePaddingRight

effectivePaddingTop

effectiveTop

effectiveWidth

flexGrow

flexShrink

flexWrapBefore

id

ios

isCollapsed

isLoaded

left

nativeView

nativeViewProtected

order

page

parent

parentNode

recycleNativeView

reusable

row

rowSpan

style

top

typeName

viewController

createdEvent

disposeNativeViewEvent

loadedEvent

unloadedEvent