enchev / nativescript-dialog

NativeScript Dialog

A NativeScript plugin for iOS and Android that allows you to create custom dialog.

Installation

tns plugin add nativescript-dialog

Usage

<Page>
   <StackLayout>
     <Button text="Show dialog" tap="buttonTap" />
   </StackLayout>
</Page>

var platform = require("platform");
var application = require("application");
var dialog = require("nativescript-dialog");

exports.buttonTap = function(args){
  var nativeView;

  if(platform.device.os === platform.platformNames.ios){
	  nativeView = UIActivityIndicatorView.alloc().initWithActivityIndicatorStyle(UIActivityIndicatorViewStyle.UIActivityIndicatorViewStyleGray);
    nativeView.startAnimating();
  } else if(platform.device.os === platform.platformNames.android){
	  nativeView = new android.widget.ProgressBar(application.android.currentContext);
    nativeView.setIndeterminate(true);
  }

  dialog.show({
	title: "Loading...",
	message: "Please wait!",
	cancelButtonText: "Cancel",
	nativeView: nativeView}
  ).then(function(r){ console.log("Result: " + r); },
  function(e){console.log("Error: " + e)});
}

iOS	Android