Модальное окно
Компонент Модальное окно — это базовый способ отображения содержимого поверх окружающего представления.
- Функциональный компонент
- Компонент класса
Справочник
Свойства
Свойства представления
Наследует Свойства представления.
animated
Устарело. Используйте свойство
animationTypeвместо этого.
animationType
Свойство animationType управляет анимацией модального окна.
Возможные значения:
-
slideсдвинется снизу, -
fadeплавно появится, -
noneпоявится без анимации.
| Тип | Значение по умолчанию |
|---|---|
перечисление('none', 'slide', 'fade') |
none |
hardwareAccelerated Android
Свойство hardwareAccelerated управляет тем, нужно ли принудительно использовать ускорение аппаратного обеспечения для подлежащего окна.
| Тип | Значение по умолчанию |
|---|---|
| булево | false |
onDismiss iOS
Свойство onDismiss позволяет передать функцию, которая будет вызвана после закрытия модального окна.
| Тип |
|---|
| функция |
onOrientationChange iOS
Обработчик onOrientationChange вызывается при изменении ориентации во время отображения модального окна. Предоставленная ориентация — только «портретная» или «горизонтальная». Этот обработчик также вызывается при первоначальной отрисовке, независимо от текущей ориентации.
| Тип |
|---|
| функция |
onRequestClose
Обработчик onRequestClose вызывается, когда пользователь нажимает кнопку «Назад» на Android или кнопку меню на Apple TV. Из-за этого обязательного свойства имейте в виду, что события BackHandler не будут генерироваться, пока модальное окно открыто. На iOS этот обработчик вызывается при закрытии модального окна с помощью жеста перетаскивания, когда presentationStyle равно pageSheet or formSheet.
| Тип |
|---|
| функция Обязательно
Android
TV функция iOS
|
onShow
Свойство onShow позволяет передать функцию, которая будет вызвана после отображения модального окна.
| Тип |
|---|
| функция |
presentationStyle iOS
Свойство presentationStyle управляет тем, как отображается модальное окно (обычно на более крупных устройствах, таких как iPad или iPhone с большим экраном). Подробнее см. https://developer.apple.com/reference/uikit/uimodalpresentationstyle.
Возможные значения:
-
fullScreenполностью покрывает экран -
pageSheetпокрывает представление портретного формата, центрированное (только на устройствах большего размера) -
formSheetпокрывает представление узкого формата, центрированное (только на устройствах большего размера) -
overFullScreenполностью покрывает экран, но позволяет использовать прозрачность
| Тип | Значение по умолчанию |
|---|---|
перечисление('fullScreen', 'pageSheet', 'formSheet', 'overFullScreen') |
fullScreen если transparent={false}overFullScreen если transparent={true}
|
statusBarTranslucent Android
Свойство statusBarTranslucent определяет, будет ли ваше модальное окно располагаться под системной строкой состояния.
| Тип | Значение по умолчанию |
|---|---|
| булево | false |
supportedOrientations iOS
Свойство supportedOrientations позволяет поворачивать модальное окно в любую из указанных ориентаций. На iOS модальное окно по-прежнему ограничено тем, что указано в поле UISupportedInterfaceOrientations в файле Info.plist вашего приложения.
При использовании
presentationStylepageSheetилиformSheet, это свойство будет проигнорировано iOS.
| Тип | Значение по умолчанию |
|---|---|
массив перечислений('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right') |
['portrait'] |
transparent
Свойство transparent определяет, будет ли ваше модальное окно заполнять все представление. Установка значения true приведет к отображению модального окна поверх прозрачного фона.
| Тип | Значение по умолчанию |
|---|---|
| булево | false |
visible
Свойство visible определяет, отображается ли ваше модальное окно.
| Тип | Значение по умолчанию |
|---|---|
| булево | true |
© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://reactnative.dev/docs/modal