javascript - Nativescript webview och Android bakåtknapp

Jag har gjort en sida i NativeScript som endast innehåller en webview. Här är min kod:

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

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

</Page>

Och här är 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/";

Allt fungerar bra tills jag trycker på Androids bakåtknapp. Då istället för att navigera till den senaste sidan i webbvyn, avslutas appen bara. När jag öppnar den igen från applistan (återvänder till samma minimerade app) laddar den om webbvyns innehåll och sparar inte dess tillstånd.

Hjälp uppskattas.

Svar #1

Du behöver hantera Androids hårdknapp på detta sätt:

Importera först beroenden:

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

Lägg sedan till denna kod :

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

Relaterade artiklar