Nativescript Webview 和 Android 返回按钮

Question

Nativescript Webview 和 Android 返回按钮

javascriptandroidtypescriptwebviewnativescript

5

我在Nativescript中创建了一个只包含Webview的页面。以下是我的代码：

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

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

</Page>

以下是 JavaScript 代码：

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 返回按钮。然后，在导航到 webview 中的最后一页之前，应用程序就退出了。当我再次从应用程序菜单中打开它（返回到相同的最小化应用程序），它会重新加载 webview 内容而不是保存其状态。

需要帮助，感激不尽。

- Amit Aisikowitz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Deepika · Accepted Answer

您需要像这样处理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 " + webView.canGoBack);
  if (webView.canGoBack) //if webview can go back
      webView.goBack();
  else
      this.router.backToPreviousPage();
});