NativeScript 托管 Toast 插件

这是一个 NativeScript 插件，允许您从托管 Angular 2 应用程序中制作 toast。

安装

tns plugin add nativescript-hosted-toast

用法

使用以下代码和一个 Navivescript WebView 创建一个包装应用程序。以下项目作为示例：https://github.com/Ulbora/NSWrapper

var application = require("application");
var context = application.android.context;
function pageLoaded(args) {
    var page = args.object;   
    var web = page.getViewById("webView"); 
    var androidSettings = web.android.getSettings();
    androidSettings.setJavaScriptEnabled(true);    
    var hostedToast = new com.ulbora.hosted.toast.HostedToast(context);    
    web.android.addJavascriptInterface(hostedToast, 'HostedToast');
    web.url = "http://someURLWhereAngular2AppIsHosted";
}
exports.pageLoaded = pageLoaded;

在 Angular 2 托管应用程序内部，编写您想要访问设备信息的代码。以下项目作为示例：https://github.com/KenWilliamson/Angular2HostedMobileApp

组件代码

deviceReady: boolean;

 ngOnInit() {        
        try {
            if (HostedToast) {
                this.deviceReady = true;
            }
        } catch (err) {
        }
    }


 showToast() {
        try {
            HostedToast.showToast("Toast is working in a hosted world.");            
        } catch (err) {
        }
    }

模板代码

<div *ngIf="deviceReady">
    <div> <b>Your Toast</b>: <span (click)="showToast()" class="glyphicon glyphicon-phone"></span></div>        
</div>

可用方法

HostedToast.showToast("some message")

向设备发送 toast 消息