Spec-Zone.ru › React Native

Модальное окно

Компонент Модальное окно — это базовый способ отображения содержимого поверх окружающего представления.

  • Функциональный компонент
  • Компонент класса

Справочник

Свойства

Свойства представления

Наследует Свойства представления.

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 вашего приложения.

При использовании presentationStyle pageSheet или 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API