nativescript javascript webview加载栏或加载图标

Question

我是nativescript的新手。 我有一个加载了外部网站的webView。 我需要在加载webview网址时显示图标或栏；

我的XML视图：

<Page class="page"
navigatingTo="pageLoaded"  
xmlns="http://schemas.nativescript.org/tns.xsd"
actionBarHidden="true"
>

    <GridLayout  >

    <Image src="~/img/loading1.gif" width="75%" class="logo"  visibility="{{ showDetails? 'visible' :  'collapsed' }}" />

    <WebView id="webView" loaded="onWebViewLoaded" loadFinished="loadFinished" src="preload.html"   visibility="{{ showDetails? 'collapsed' :   'visible'}}" />
</GridLayout>

我的控制器

    var webViewModule = require("ui/web-view");
var observable = require("data/observable");
var pageData = new observable.Observable();




function pageLoaded(args) {
    var page = args.object;

    pageData.set("showDetails",true );
    args.object.bindingContext = pageData; 

    var web = page.getViewById("webView");     
    web.src = "http://icon-dz.com/sap/pw";

}
function loadFinished(args) {

    pageData.set("showDetails", false );
    args.object.bindingContext = pageData; 


}

function onWebViewLoaded(args) {

    pageData.set("showDetails", false);
    args.object.bindingContext = pageData; 


}
exports.onWebViewLoaded = onWebViewLoaded ;
exports.loadFinished  = loadFinished ; 
exports.pageLoaded = pageLoaded;

您能帮我了解应该如何工作吗？

Answer 1

loadFinished（）和onWebViewLoaded（）有什么区别，它们在您的JS🤷‍same️中完成相同的工作

您可以使用活动指示器并删除gif。 您应该修复逻辑错误，例如loadFinished <> onWebViewLoaded。 Webview 在这里很容易使用Activity Indicator。

我认为首先您需要检查一些文档主题，例如： dataBinding等