Панель загрузки веб-браузера Javascript или значок загрузки

Question

Я новичок в nativescript; У меня есть webView, в котором загружен внешний сайт. Мне нужно, чтобы отображался значок или панель во время загрузки URL веб-просмотра;

Мой XML VIEW:

<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?‍♂️

. Вы можете использовать Индикатор активности и удалить gif.Вы должны исправить логические ошибки, такие как loadFinished <> onWebViewLoaded.Существует простое использование индикатора активности с Webview здесь .

Я думаю, что сначала вам нужно проверить некоторые темы документов, например; привязка данных и т. Д.