npm

Need private packages and team management tools?Check out npm Orgs. »

nativescript-android-iosswitch

1.0.0 • Public • Published

npm npm npm

Nativescript-Android-iOSSwitch

A lightweight iOS switch view style for Android.Feedbacks and PRs are most Welcome.

Demo

alt text

Native Libraries:

Android

luongvo/iOS-SwitchView

Installation

From your command prompt/termial go to your app's root folder and execute:

npm i nativescript-android-iosswitch --save

Usage

XML:

<Page 
    xmlns="http://schemas.nativescript.org/tns.xsd
    xmlns:AndroidIosSwitch="nativescript-android-iosswitch" loaded="pageLoaded"> 
    <Page.actionBar>
      <ActionBar title="Nativescript Android iosSwitch" />
  </Page.actionBar>
  <StackLayout height="150" width="80">
   
      <AndroidIosSwitch:AndroidIosSwitch id="sb" color="red"/>
      
       <Button text="True"  tap="{{ onTrue }}" />
       <Button text="false"  tap="{{ onFalse}}" />
      
        
  </StackLayout>
</Page>
 

TS:

import {AndroidIosSwitch} from 'nativescript-android-iosswitch';
private npb: AndroidIosSwitch;
  constructor(mainPage: Page) {
    super();
    this.npb = <AndroidIosSwitch>mainPage.getViewById('sb');
 
  }
     public onTrue() {
        this.npb.toggleSwitch(true);
    }
  public onFalse() {
        this.npb.setChecked(false);
    }
 

Methods

isChecked()

/**

  • @return the state of switch view */

setChecked(boolean)

/**

  • if set true , the state change to on;
  • if set false, the state change to off
  • @param isChecked */

toggleSwitch(boolean)

/**

  • if set true , the state change to on;
  • if set false, the state change to off

  • change state with animation
  • @param isChecked */

install

npm i nativescript-android-iosswitch

Downloadsweekly downloads

5

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability