Приостановка видео при нажатии кнопки "назад"

Question

Я новичок и в Nativescript, и в Vue, но пытаюсь получить простую настройку видеоприложения в качестве доказательства концепции. На данный момент только тестирование на iOS.

У меня есть список на "Домой" видео с изображениями и названиями. Нажмите на любой элемент, и пользователь попадет на страницу "Видео", где выбранное видео загружается и воспроизводится автоматически. Я использую nativescript-видеоплеер для этого. Используя navigateTo(), чтобы перейти на страницу "Видео".

Когда используется автоматически включенная кнопка "<Назад", видео продолжает воспроизводиться. Есть ли способ "прослушать" используемый метод $ navigateBack и каким-то образом приостановить воспроизведение видео?

На домашней странице у меня есть метод showVideo(). Он отправляет пользователя на страницу "Видео" и clearHistory: true, чтобы встроенная кнопка "Назад" не появлялась на странице "Видео".

На странице "Видео" у меня есть метод showHome(), который работает, чтобы остановить проигрыватель и отправить пользователя обратно на экран "Домой". Тем не менее, "Домашний" экран должен перезагрузить контент и будет белым или секундным.

Если я использую встроенную кнопку "Назад", контент остается загруженным и виден сразу. Это то, что я предпочел бы выполнить, если это возможно.

ГЛАВНАЯ:

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 вылетает на моем телефоне. Если я оставлю либо видеозвонок pause, либо вызов navigateBack в функции showHome(), они будут работать сами по себе, но не вместе.