DrawerLayoutAndroid

Компонент React, который оборачивает платформенную DrawerLayout (только Android). Шкаф (обычно используется для навигации) отрисовывается с renderNavigationView, а прямые дочерние элементы — это основной вид (куда идёт ваш контент). Вид навигации изначально не виден на экране, но его можно выдвинуть со стороны окна, указанной свойством drawerPosition, и его ширину можно установить с помощью свойства drawerWidth.

Справочник

Свойства

Свойства View

Наследует Свойства View.

drawerBackgroundColor

Определяет цвет фона шкафа. Значение по умолчанию — white. Если вы хотите установить непрозрачность шкафа, используйте rgba. Пример:

return (
  <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)" />
);

drawerLockMode

Определяет режим блокировки шкафа. Шкаф может быть заблокирован в трёх состояниях:

• разблокирован (по умолчанию), что означает, что шкаф будет реагировать (открывать/закрывать) на жесты касания.
• заблокирован-закрыт, что означает, что шкаф останется закрытым и не будет реагировать на жесты.
• заблокирован-открыт, что означает, что шкаф останется открытым и не будет реагировать на жесты. Шкаф всё же можно открывать и закрывать программно (openDrawer/closeDrawer).

drawerPosition

Определяет сторону экрана, с которой шкаф будет вдвигаться. По умолчанию это left.

drawerWidth

Определяет ширину шкафа, точнее ширину области, которую можно выдвинуть с края окна.

keyboardDismissMode

Определяет, будет ли клавиатура закрываться в ответ на перетаскивание.

• 'нет' (по умолчанию), перетаскивания не закрывают клавиатуру.
• 'при перетаскивании', клавиатура закрывается при начале перетаскивания.

onDrawerClose

Функция, вызываемая всякий раз, когда вид навигации закрывается.

onDrawerOpen

Функция, вызываемая всякий раз, когда вид навигации открывается.

onDrawerSlide

Функция, вызываемая всякий раз, когда происходит взаимодействие с видом навигации.

onDrawerStateChanged

Функция, вызываемая при изменении состояния шкафа. Шкаф может находиться в трёх состояниях:

• неактивен, что означает, что в данный момент взаимодействия с видом навигации нет
• перетаскивание, что означает, что в данный момент происходит взаимодействие с видом навигации
• остановка, что означает, что было взаимодействие с видом навигации, и вид навигации сейчас завершает анимацию открытия или закрытия

renderNavigationView

Вид навигации, который будет отображаться сбоку экрана и может быть выдвинут.

statusBarBackgroundColor

Заставляет шкаф занимать весь экран и отрисовывать фон строки состояния, чтобы можно было открывать его поверх строки состояния. Сработает только для API 21+.

Методы

closeDrawer()

closeDrawer();

Закрывает шкаф.

openDrawer()

openDrawer();

Открывает шкаф.