按下“后退”按钮时暂停视频

Question

我对Nativescript和Vue都是陌生的，但试图通过简单的视频应用设置作为概念验证。目前仅在iOS上进行测试。

我在带有图像和标题的视频的“首页”上有一个列表。单击任一元素，用户将被带到“视频”页面，在该页面中将加载所选视频并自动播放。我为此使用nativescript-videoplayer。使用navigationTo（）转到“视频”页面。

使用自动添加的“ <后退”按钮时，视频继续播放。有没有一种方法可以“监听”要使用的$ navigateBack方法并以某种方式暂停视频？

在“主页”页面上，我有一个“ showVideo（）”方法。它将用户转到“视频”页面，然后将clearHistory：true设置为使内置后退按钮不会出现在“视频”页面上。

在“视频”页面上，我有一个“ showHome（）”方法，该方法可用于停止播放器并将用户送回到“主页”屏幕。但是，“主页”屏幕必须重新加载内容，并且在一两秒钟内呈白色。

如果我使用内置的“后退”按钮，内容将保持加载状态并立即可见。如果可能的话，这是我希望完成的工作。

HOME：

methods: {
        showVideo(payload) {
            this.$navigateTo(Video, {
                props: {
                    item: payload
                },
                animated: true,
                transition: {
                    name: "slideLeft",
                    duration: 250,
                    curve: "easeIn"
                },
                clearHistory: true
            });
        }
    }

视频：

methods: {
        showHome() {
            this.$refs.player.nativeView.pause();
            this.$navigateTo(Home, {
                animated: true,
                transition: {
                    name: "slideRight",
                    duration: 250,
                    curve: "easeIn"
                },
                clearHistory: true
            });
        }
    }

当我尝试：

methods: {
         showHome() {
           this.$refs.player.nativeView.pause();
           this.$navigateBack;
         }
}

视频暂停了，但是Nativescript Preview应用在我的手机上崩溃了。如果我在showHome（）函数中留下了暂停视频通话或NavigationBack通话，它们将独立工作，而不是一起工作。