npm i --save nativescript-dialog
- 版本:0.1.0
- GitHub: https://github.com/enchev/nativescript-dialog
- NPM: https://npmjs.net.cn/package/nativescript-dialog
- 下载
- 昨日: 0
- 上周: 0
- 上个月: 0
NativeScript Dialog
一个用于iOS和Android的原生脚本插件,允许您创建自定义对话框。
安装
tns plugin add nativescript-dialog
使用
<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 |
---|---|
![]() |
![]() |