Edit this page on Github

androidDrawerLayout

A component for displaying a drawer layout.

 @Component({
  selector: 'sample',
  template: `
<DrawerLayout drawerWidth="240" drawerPosition="left">
  <DrawerLayoutSide>
    <View></View>
  </DrawerLayoutSide>
  <DrawerLayoutContent>
    <View></View>
  </DrawerLayoutContent>
</DrawerLayout>`
})
 export class Sample {}

Available styles

https://facebook.github.io/react-native/docs/view.html#style

Inputs

Inherits all inputs from high level component

keyboardDismissMode: enum('none', 'on-drag')

To be documented

drawerLockMode: enum('unlocked', 'locked-closed', 'locked-open')

To be documented

drawerPosition: any

To be documented

drawerWidth: number

To be documented

statusBarBackgroundColor: color

To be documented

Outputs

drawerClosed: EventEmitter<any>

To be documented

drawerOpened: EventEmitter<any>

To be documented

drawerSlide: EventEmitter<any>

To be documented

drawerStateChanged: EventEmitter<any>

To be documented

Commands

openDrawer()

To be documented

closeDrawer()

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback