useGetPanelForView

Используйте эту функцию, чтобы получить информацию о компоненте Panel, который должен отображаться в указанном View при переходе на другой View. Эта информация нужна для правильной работы VKUI-анимации при смене View.

Пример

TypeScript

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

const defaultActivePanel = useGetPanelForView(DEFAULT_VIEW);
const emptyActivePanel = useGetPanelForView(EMPTY_VIEW);

<View
nav={DEFAULT_VIEW}
history={history}
activePanel={defaultActivePanel || DEFAULT_VIEW_PANELS.HOME}
onSwipeBack={() => routeNavigator.back()}
>
<View
nav={EMPTY_VIEW}
history={history}
activePanel={emptyActivePanel || EMPTY_VIEW_PANELS.EMPTY}
onSwipeBack={() => routeNavigator.back()}
>

Другой пример

Пример вызова функции также можно найти в разделе Установка и подключение — Шаг 3. Используйте роутер для отрисовки страниц.

Объявление

TypeScript

export function useGetPanelForView(view?: string): string | undefined

Параметры

Параметр	Тип	Описание
`view` необязательный	`string`	Идентификатор компонента `View`, для которого нужно получить информацию об отображаемом `Panel`. Если параметр отсутствует, функция будет использовать ту же информацию об активной панели, которую можно получить, вызвав `useActiveVkuiLocation()`.

Результат

Идентификатор компонента Panel, который будет использоваться в отрисовке VKUI-анимации при смене View.

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

•

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

Используйте useGetPanelForView() в приложениях, которые сдержат несколько компонентов View в одном компоненте Root. Если в приложении один View в Root, то достаточно использовать информацию о Panel, которую вы получаете от useActiveVkuiLocation().
•

Функция возвращает один компонент Panel для одного View. Чтобы получить Panel для разных View, вызовите функцию несколько раз.