Nativescript WebView，防止在Android上導航時重新加載

Question

因此，我設置了一個頁面，並且希望使用應用程序與網頁進行交互。

我能夠通過偵聽某些URL從頁面獲取數據，並阻止該頁面從Web瀏覽它們。

當我得到這些數據時，我導航到一個帶有處理列表的新頁面。

然後，當我點擊返回按鈕返回瀏覽器頁面時，瀏覽器重新加載，即使其URL已設置。

很簡單的設置：

XML：

<Page loaded="loaded" class="page"> 
    <Page.actionBar> 
     <ActionBar title="Cost" icon="" class="action-bar"> 
     </ActionBar> 
    </Page.actionBar> 
    <WebView id="mywebview" /> 
</Page> 

JS：

var checkPageLoad = function(event) { 
    console.log(event.url); 
    if (event.url.indexOf("mydomain") < 0) { 
    if (app.ios) { 
     event.object.ios.stopLoading(); 
    } else if (app.android) { 
     event.object.android.stopLoading(); 
    } 
    } 
    if (event.url.indexOf('custom://mydomain.com') === 0) { 

    farm(event.url.replace("custom://mydomain.com", "")); 

    } 
}; 
exports.loaded = function(args) { 
    page = args.object; 
    var web = page.getViewById("mywebview"); 
    web.on(webView.WebView.loadStartedEvent, checkPageLoad); 
    if(web.android) { // in IOS android will be undefined 
    web.android.setInitialScale(1); 
    web.android.getSettings().setLoadWithOverviewMode(true); 
    web.android.getSettings().setUseWideViewPort(true); 
    } 
    if (web.src != "http://myurl.com") { 
    web.src = "http://myurl.com"; 
    } 
}; 
function farm(item) { 

    var navigationOptions={ 
    moduleName:'./list/list', 
    context:{info: item}, 
    animated: true, 
    transition: { 
     name: "slide", 
     duration: 380, 
     curve: "easeInOut" 
    } 
    }; 
    var topmost = frameModule.topmost(); 

    topmost.navigate(navigationOptions); 
} 

所以，當我按下從 「列表」 頁面後退按鈕，web視圖是雖然白重載。

任何想法？它是否與frameModule導航有關？

============================================== ==

更新17年6月29日：

我實現了一個變通針對此問題。它不是最好的，但它使它工作令人滿意。

解決方法：使用NativeScripts page的showModal()函數。 http://docs.nativescript.org/core-concepts/navigation#modal-pages

這會創建一個彈出窗口，當按下後退時，它將關閉彈出窗口而不重新加載webview。

爲了實施，我不得不改變我的頁面設置方式。

只有一個模式頁面可以一次打開，因此每個視圖都需要與webview頁面進行通信。

頁面還有一個事件onShownModally，它使框架模塊的上下文略有不同。

您必須存儲您發送到模態頁面的回調，並在模態頁面關閉時調用它。

儘管如此，仍然想用一種方式使用框架模塊設置。

Answer 1

This was a bug in NativeScript's tns-core-modules。

直到修復將在一個公開發行（大概在3.2？），你可以使用的tns-core-modules的@next版本是這樣的：

tns plugin remove tns-core-modules 
npm i tns-core-modules@next --save 

Answer 2

後退按鈕使中轉最後視圖從狀態onResume然後running狀態。如果您有權訪問onResume事件，則可以覆蓋它或對其進行處理，以便在按下後退時不會發生此重新加載。例如，你可以有一個布爾值，例如isLoadFinished（您可以在加載頁面完成後將其設置爲true），並在onStart或onResume事件被觸發時檢查它，以防止調用webview.load如果isLoadFinished是true。

我不是nativeScript開發人員，所以我提出瞭解決方案的概念。我在nativeScript的Android應用生命週期事件中發現了this guide，我想它可能會對您有所幫助。