如何在NativeScript Vue中处理WebView上的android后退按钮

Question

因此在nativescript-vue中，我有一个webview，用户可以浏览其中的页面。但是当他们按下物理后退按钮时，该应用程序将退出，而不是返回到Webview的上一页。

<WebViewExt :src="webviewLink" builtInZoomControls="false" displayZoomControls="false" />

我们如何处理呢？

Answer 1

我自己解决了。

首先，将其添加到脚本顶部：

const application = require("tns-core-modules/application");

然后在已安装功能中检查后退按钮活动。

if (application.android) {
            application.android.on(application.AndroidApplication.activityBackPressedEvent, function (args) {
                console.log("Event: " + args.eventName + ", Activity: " + args.activity);
    Set args.cancel = true; // to cancel back navigation and do something custom.
            });
        }

此处有更多信息：https://docs.nativescript.org/core-concepts/application-lifecycle