System requirements

Progress NativeScript UI depends on Progress UI for Android and Progress UI for iOS and combined with these suites, the following system requirements are implied:

  • Android API Level 17+
  • iOS 8+
  • The latest verison of NativeScript

Since iOS 10, Apple requires explicit description when NSCalendar is being used, more precisely when one is trying to access the phone's calendar events. This description is prompted to the user, only when there is an attempt for accessing events, and requires user's confirmation. If you are using UI for NativeScript but never accessing device's calendar your users won't get prompted with this message. In order to submit your application to the AppStore make sure to include a NSCalendarsUsageDescription variable to your info.plist and provide some description, for example "This application needs to acces your calendar events."

Installing Progress NativeScript Pro UI

The following article assumes that you already have the latest version of NativeScript and have created a NativeScript application.

  1. Open a console window and go to the root directory of your NativeScript application.
  2. Install the nativescript-pro-ui package by typing the following command: tns plugin add nativescript-pro-ui. This will install the publicly available, free Progress NativeScript Pro UI bundle by fetching it from npmjs.org.

After installing the package, you can access the components in it by using the following code:


import * as listViewModule from "nativescript-pro-ui/listview";
import * as drawerModule from "nativescript-pro-ui/sidedrawer";
import * as calendarModule from "nativescript-pro-ui/calendar";
import * as chartModule from "nativescript-pro-ui/chart";
import * as dataFormModule from "nativescript-pro-ui/dataform";
import * as gaugesModule from "nativescript-pro-ui/gauges";
import * as autocompleteModule from "nativescript-pro-ui/autocomplete";


var listViewModule = require("nativescript-pro-ui/listview");
var drawerModule = require("nativescript-pro-ui/sidedrawer");
var calendarModule = require("nativescript-pro-ui/calendar");
var chartModule = require("nativescript-pro-ui/chart");
var dataFormModule = require("nativescript-pro-ui/dataform");
var gaugesModule = require("nativescript-pro-ui/gauges");
var autocompleteModule = require("nativescript-pro-ui/autocomplete");

If you are working on a NativeScript Angular project, make sure to go through the Angular Getting Started article as well.