Панель загрузки веб-просмотра или значок загрузки nativescript javascript

Я новичок в nativescript; У меня есть 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;

Вы можете помочь мне понять, как именно должно работать?