Nativescript Showcase

Introduction

The Nativescript Showcase is a native crossplatform demo app implemented in NativeScript and Angular 2.

Plugins

The showcase uses these NativesScript Plugins:

• nativescript-accelerometer
• nativescript-barcodescanner
• nativescript-drawingpad
• nativescript-geolocation
• nativescript-master-technology
• nativescript-sqlite
• nativescript-telerik-ui-pro
• nativescript-themes

Development plugins

The showcase uses these NativesScript dev-plugins:

• nativescript-dev-typescript
• nativescript-dev-sass
• nativescript-dev-cucumber

Content

UI Components

A set of pages showing common UI components and style variations

• Buttons
• Text
• Lists
• Pickers
• Layouts
• Selectors
• Indicators
• Images
• Views
• Dialogs

Hardware

• Location (Works on iOS and Android devices and iOS simulator)
• Camera (Works on iOS and Android devices)
• Accelerometer (Works on iOS and Android devices and Android emulator)

Examples

• Login: a login/registration page with email validation
• Table: a table-like layout
• Contacts: a contacts list with a modal showing a detail view
• CodeScanner: a demo of the barcode scanner plugin
• Database: a demo of the sqlite plugin
• SignaturePad: a demo of the drawingpad plugin
• Charts: a demo of the charts from telerik-ui plugin
• Animations: a demo of animations
• Tasks: a small todo list with CRUD functionalities

Other features

• App uses SASS themes
• Unit tests in Karma + Jasmine: tns test ios or tns test android
• Functional tests in Cucumber: npm run cucumber-ios-simulator or npm run cucumber-android