DrawerLayoutAndroid¶

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

Пример¶

Пропсы¶

View Props¶

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

drawerBackgroundColor¶

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

1
2
3

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

drawerLockMode¶

Определяет режим блокировки выдвижного drawerа. drawer может быть заблокирован в 3 состояниях:

• unlocked (по умолчанию), означает, что drawer будет реагировать (открываться/закрываться) на жесты касания.
• locked-closed, то есть drawer будет оставаться закрытым и не реагировать на жесты.
• locked-open — означает, что drawer будет оставаться открытым и не реагировать на жесты. drawer по-прежнему можно открывать и закрывать программно (openDrawer/closeDrawer).

drawerPosition¶

Указывает сторону экрана, с которой будет выдвигаться drawer. По умолчанию установлено значение left.

drawerWidth¶

Определяет ширину drawerа, точнее, ширину вида, который будет выдвигаться от края окна.

keyboardDismissMode¶

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

• 'none' (по умолчанию), при перетаскивании клавиатура не отключается.
• 'on-drag', клавиатура отключается, когда начинается перетаскивание.

onDrawerClose¶

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

onDrawerOpen¶

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

onDrawerSlide¶

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

onDrawerStateChanged¶

Функция вызывается при изменении состояния drawerа. drawer может находиться в 3 состояниях:

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

renderNavigationView¶

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

statusBarBackgroundColor¶

Сделайте так, чтобы drawer занимал весь экран и рисовал фон строки состояния, чтобы он открывался поверх строки состояния. Это будет иметь эффект только для API 21+.

Методы¶

closeDrawer()¶

1

closeDrawer();

Закрывает drawer.

openDrawer()¶

1

openDrawer();

Открывает drawer.

Комментарии