nativescript javascript webview 加载栏或加载图标答案

【问题标题】：nativescript javascript webview loading bar or loading iconnativescript javascript webview 加载栏或加载图标
【发布时间】：2018-09-16 07:31:23
【问题描述】：

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

我的 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;

您能帮我了解一下具体应该如何工作吗？

【问题讨论】：

标签： javascript webview nativescript

【解决方案1】：

loadFinished() 和 onWebViewLoaded() 有什么区别，它们在你的 JS 中做同样的工作?‍♂️

您可以使用活动指示器并删除 gif。您应该修复诸如 loadFinishedonWebViewLoaded 之类的逻辑错误。 Webview here 可以轻松使用活动指示器。

我认为首先您需要检查一些文档主题，例如； 数据绑定等

【讨论】：