React 組件封裝平臺 DrawerLayout（僅適用于Android）。Drawer（通常用于導航）呈現(xiàn) renderNavigationView 渲染導航視圖和直接子級，是呈現(xiàn)（您的內(nèi)容）的主要視圖。導航視圖是最初在屏幕上不可見的，但可以從由drawerPosition 指定的窗口的側面拉出，其寬度可通過 drawerWidth 設置。

例如：

    render: function() {      
      var navigationView = (     
            <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the   
    Drawer!</Text  
      );  
      return (  
    <DrawerLayoutAndroid  
      drawerWidth={300}  
      drawerPosition={DrawerLayoutAndroid.positions.Left}  
      renderNavigationView={() =navigationView} 
          <Text style={{10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
      <Text style={{10, fontSize: 15, textAlign: 'right'}}>World!</Text>
    </DrawerLayoutAndroid>
      );  
    },

屬性

drawerPosition enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)

指定 drawer 將從屏幕的一側滑動。

drawerWidth number

指定 drawer 的寬度，即從窗口的邊緣拉到視圖更精確的寬度。

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

確定鍵盤是否響應拖動被駁回。
-'none' (默認值), 拖動不影響鍵盤。
-'on-drag', 拖動開始，鍵盤被駁回。

onDrawerClose 函數(shù)

導航視圖關閉時調用函數(shù)。

onDrawerOpen 函數(shù)

導航視圖打開時調用函數(shù)。

onDrawerSlide 函數(shù)

與導航視圖交互時調用函數(shù)。

onDrawerStateChanged 函數(shù)

當 Drawer 狀態(tài)發(fā)生變化時調用函數(shù)，drawer 有 3 種狀態(tài):- idle, 表示與導航視圖沒有交互- dragging,表示目前有與導航視圖的交互 - settling, 表示有與導航視圖的交互，并且導航視圖正在的關閉或打開。

renderNavigationView 函數(shù)

導航圖將被渲染到屏幕的一側，并且可以拉出。