Хуки

Навигация по View

Для навигации по View нужно воспользоваться хуком useRouterView:

import { useRouterView } from "@kokateam/router-vkminiapps";
const [view, toView] = useRouterView();

В качестве параметров хук возвращает активную view и функцию для навигации по View.

Параметр	Тип	Описание
view	string	Текущая активная View
toView	string or number	Если будет передан string, то произойдет навигация на эту view. Если number (-1, -2 и etc), то навигация назад конкретно по истории всех View's

Навигация по Panel

Для навигации по Panel нужно воспользоваться хуком useRouterPanel:

import { useRouterPanel } from "@kokateam/router-vkminiapps";
const [panel, toPanel] = useRouterPanel();

В качестве параметров хук возвращает объект и функцию для навигации по View.

Параметр	Тип	Описание
panel	{ active: string; panels: string[] }	active - текущая активная Panel. panels - массив из id панелей в порядке открытия
toPanel	string or number	Логика как в useRouterView

Навигация назад

Для навигации назад нужно воспользоваться хуком useRouterBack:

import { useRouterBack } from "@kokateam/router-vkminiapps";
const toBack = useRouterBack();

В данном случае допустимо любое название для функции этого хука. То есть: toBack, toRouterBack или superMegaBack

Параметр	Тип	Описание
toBack	number	Навигация назад по всему приложению, принимает только отрицательные числа, как кол-во шагов назад

Навигация по попаутам

Для навигации по попаутам нужно воспользоваться хуком useRouterPopout:

import { useRouterPopout } from "@kokateam/router-vkminiapps";
const [popout, toPopout] = useRouterPopout();

В качестве параметров хук возвращает текущий popout и функцию для отображения попаута.

Параметр	Тип	Описание
popout	any	Текущий активный popout, нужно передать в SplitLayout как параметр popout
toPopout	any	Принимает любой тип данных, для закрытие попаута можно воспользоваться этим же методом: toPopout() или toPopout(null)

Навигация по модальным окнам

Для навигации по модалкам нужно воспользоваться хуком useRouterModal:

import { useRouterModal } from "@kokateam/router-vkminiapps";
const [activeModal, toModal] = useRouterModal();

В качестве параметров хук возвращает id активной модалки и функцию для отображения модального окна.

Параметр	Тип	Описание
activeModal	null or string	ID активного модального окна, если его нет, то возвращается null
toModal	number or string	Для отображения модального окна, нужно передать его id, если передать number, то будет выполнена навигация назад