Перейти к содержанию

Modal

Компонент Modal — это базовый способ представления содержимого поверх объемного представления.

Пример

пропсы

View Props

Наследует View Props.

animated

Устарело

Вместо этого используйте пропс animationType.

animationType

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

Возможные значения:

  • slide скользит снизу,
  • fade исчезает в поле зрения,
  • none появляется без анимации.
Type Default
enum('none', 'slide', 'fade') none

hardwareAccelerated

пропс hardwareAccelerated управляет тем, нужно ли принудительное аппаратное ускорение для базового окна.

Type Default
bool false

onDismiss

пропс onDismiss позволяет передать функцию, которая будет вызвана после того, как модальное окно будет закрыто.

Type
function

onOrientationChange

Обратный вызов onOrientationChange вызывается при изменении ориентации во время отображения модала. Предоставляемая ориентация — только "портретная" или "альбомная". Этот обратный вызов также вызывается при первоначальном рендеринге, независимо от текущей ориентации.

Type
function

onRequestClose

Обратный вызов onRequestClose вызывается, когда пользователь нажимает аппаратную кнопку "Назад" на Android или кнопку меню на Apple TV. Из-за этого необходимого пропса имейте в виду, что события BackHandler не будут испускаться до тех пор, пока модал открыт.

На iOS этот обратный вызов вызывается, когда модальное окно закрывается с помощью жеста перетаскивания, когда presentationStyle имеет значение pageSheet или formSheet.

Type
function (Required) 📺
function

onShow

пропс onShow позволяет передать функцию, которая будет вызвана после показа модала.

Type
function

presentationStyle

пропс presentationStyle управляет тем, как отображается модальное окно (обычно на больших устройствах, таких как iPad или iPhone размера plus size). Подробнее.

Возможные значения:

  • fullScreen охватывает экран полностью
  • pageSheet охватывает вид по центру портретной ширины (только на больших устройствах)
  • formSheet охватывает узкий вид по центру (только на больших устройствах)
  • overFullScreen полностью закрывает экран, но допускает прозрачность
Type Default
enum('fullScreen', 'pageSheet', 'formSheet', 'overFullScreen') fullScreen if transparent={false}
overFullScreen if transparent={true}

statusBarTranslucent

Свойство statusBarTranslucent определяет, должен ли ваш модал отображаться под панелью состояния системы.

Type Default
bool false

supportedOrientations

Свойство supportedOrientations позволяет поворачивать модальное окно в любую из указанных ориентаций. На iOS модальное окно по-прежнему ограничено тем, что указано в поле UISupportedInterfaceOrientations в Info.plist вашего приложения.

При использовании presentationStyle в pageSheet или formSheet это свойство будет игнорироваться iOS.

Type Default
array of enums('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right') ['portrait']

transparent

Свойство transparent определяет, будет ли ваш модал заполнять весь вид. Если установить значение true, модальное окно будет отображаться на прозрачном фоне.

Type Default
bool false

visible

Свойство visible определяет, является ли ваш модал видимым.

Type Default
bool true

Комментарии