Веб-браузер Nativescript и кнопка возврата Android

Question

Я сделал страницу в nativescript, которая содержит только веб-просмотр. Вот мой код:

<Page xmlns="http://www.nativescript.org/tns.xsd" actionBarHidden="true">

    <WebView src="http://example.com/" />

</Page>

А вот и JS:

import * as webViewModule from "tns-core-modules/ui/web-view";

let webView = new webViewModule.WebView();

webView.on(webViewModule.WebView.loadFinishedEvent, function (args: webViewModule.LoadEventData) {
    let message;
    if (!args.error) {
        message = "WebView finished loading " + args.url;
    }
    else {
        message = "Error loading " + args.url + ": " + args.error;
    }

});
webView.src = "http://example.com/";

Все отлично работает, пока я не нажму кнопку возврата Android. Затем внутри перехода к последней странице в веб-представлении приложение просто существует. Когда я снова открываю его из меню приложений (возвращаясь к тому же свернутому приложению), он перезагружает контент веб-просмотра и не сохраняет его состояние.

Помощь будет оценена.

Answer 1

Вам нужно обработать жесткую кнопку Android следующим образом:

Первые зависимости импорта:

import { AndroidApplication, AndroidActivityBackPressedEventData } from "application";
import * as application from "application";

Затем добавьте этот код:

application.android.on(AndroidApplication.activityBackPressedEvent, (data: AndroidActivityBackPressedEventData) => {
  data.cancel = true; // prevents default back button behavior
  console.log("webview can go back "+this.webView.canGoBack);
  if (webView.canGoBack) //if webview can go back
      webView.goBack();
  else
      this.router.backToPreviousPage();
});