Skip to content

Latest commit

 

History

History
26 lines (26 loc) · 862 Bytes

File metadata and controls

26 lines (26 loc) · 862 Bytes
nav-title switch How-To
title switch
environment nativescript
description Examples for using switch
previous_url /ApiReference/ui/switch/HOW-TO

Switch

Using a switch requires the Switch module. {%snippet article-require-switch%}

Binding the Switch checked property and Button isEnabled property to a observable view-model property.

<Page loaded="pageLoaded">
 <StackLayout orientation="vertical">
   {%raw%}<Switch checked="{{ someProperty }}" />
   <Button isEnabled="{{ someProperty }}" text="This is a Button!" />{%endraw%}
 </StackLayout>
</Page>

{%snippet article-binding-switch-property%}

Creating a switch

{%snippet article-create-switch%}

Setting the checked property of a switch

{%snippet article-setting-checked-property%}

Binding checked property to a model

{%snippet aricle-binding-checked-property%}