search

VKCOM / VKUI

VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
https://vkcom.github.io/VKUI/
MIT License
1.04k stars 186 forks source link

Возможность менять положение snackbar по высоте #5162

Closed dimensi closed 1 year ago

dimensi commented 1 year ago

В мобилке в некоторых интерфейсах в нижней части экрана могут быть какие-то важные элементы управления, но снекбар своим появлением может перекрывать их. Хотелось бы возможность регулировать положение снекбара.

inomdzhon commented 1 year ago

~Duplicate of #5160~

inomdzhon commented 1 year ago

А, непонимание вышло, сорри. Переоткрываю задачу.

mendrew commented 1 year ago

@dimensi Привет!

Для мобилок у нас уже есть рабочее решение на основе компонента Epic. Если Snackbar рендерить внутри Epic и для меню использовать компоненты Tabbar и TabbarItem то размер меню будет учтён. Вот пример на codesandbox

Снимок экрана 2023-07-10 в 18 28 16

И код, относящийся к этому решению. https://github.com/VKCOM/VKUI/blob/0007b3254bf4903669e1d47addb35846f810f97a/packages/vkui/src/components/Snackbar/Snackbar.module.css#L13-L22

Понятно, что если эти компоненты не используются, то переписывать на них будет проблемматично. Поэтому к текущему решению мы постараемся в скором времени добавить свойство offsetY в Snackbar, чтобы упростить задачу.

Ещё мы думаем над созданием специального компонента-обёртки, в который можно было бы оборачивать меню или любые другие элементы, находящиеся внизу экрана. При наличии такой обёртки мы могли бы автоматически поднимать Snackbar на нужную высоту. Что думаешь об этом варианте? Было бы такое полезно?