useEnableSwipeBack

Включает использование VKUI-анимации для переходов, которые выполняются с помощью жеста Swipe Back («смахнуть назад») в мини-приложениях, запущенных в мобильном приложении ВКонтакте для iOS.

Пример

TypeScript

import { useEnableSwipeBack } from '@vkontakte/vk-mini-apps-router';

export const Home = () => {
    useEnableSwipeBack(); // Страница будет поддерживать VKUI-анимации при работе жеста Swipe Back
    
    return ( ... );
}

Объявление

TypeScript

export function useEnableSwipeBack() : void

Параметры

Не используются.

Результат

Функция не возвращает значений или объектов.

Особенности использования

•

VKUI-анимации работают при переходах между компонентами Panel в рамках одного View. Эти анимации работают неправильно, когда активен обработчик жеста Swipe Back, предоставляемый iOS. useEnableSwipeBack() переключает приложение на VKUI-обработчик.

Вызывайте useEnableSwipeBack() на первых (по логике) страницах. Например, если у вас в приложении есть каталог товаров и карточки отдельных товаров, то useEnableSwipeBack() надо вызывать на странице каталога. Это активирует обработку жеста Swipe Back и для остальных экранов, работающих в пределах этого же View. При смене View вызов надо будет повторить.

Подробности обработки жеста Swipe Back вы можете найти в документации компонента VKUI View.

Если логика работы useEnableSwipeBack() вам не подходит, вы можете его не использовать. Реализуйте свою логику с помощью события VKWebAppSetSwipeSettings библиотеки VK Bridge.
•

Вызовы функции useEnableSwipeBack() должны проходить в рамках компонента RouterProvider.