Данный метод позволяет динамически изменять высоту IFrame-окна, в котором открыто мини-приложение,
подстраиваясь тем самым под размеры браузера пользователя.
Платформы
- B2B-Web
Параметры метода
| Имя параметра | Тип параметра | Обязательный | Описание параметра |
|---|---|---|---|
| height | number | да | Высота окна, которую необходимо установить |
Возвращаемое значение
После успешного выполнения метод вернет назад объект с текущей высотой окна, которая будет совпадать с отправленной:
json{ "height": 700 }
Автоматическое изменение размеров окна мини-приложения
Для того чтобы подстраивать размер окна динамически рекомендуем воспользоваться ResizeObserver.
Ниже приведен пример React-компонента, который оборачивает приложение и использует ResizeObserver для автоматического изменения размера IFrame:
typescriptimport React, { useEffect } from 'react' import bridge from '@open-condo/bridge' type AppContentWrapperProps = { children?: React.ReactNode } export const AppContentWrapper: React.FC<AppContentWrapperProps> = ({ children }) => { useEffect(() => { if (typeof document !== 'undefined') { const observer = new ResizeObserver((entries) => { if (entries && entries.length) { bridge.send('CondoWebAppResizeWindow', { height: entries[0].target.clientHeight }) } }) observer.observe(document.body) return () => observer.unobserve(document.body) } }, []) return ( <> {children} </> ) }