1. 程式人生 > >ReactNative DrawerLayoutAndroid控制元件的屬性、樣式、方法

ReactNative DrawerLayoutAndroid控制元件的屬性、樣式、方法

drawerPosition

抽屜的位置,指定在那邊開啟

  • DrawerConsts.DrawerPosition.Left
  • DrawerConsts.DrawerPosition.Right

drawerWidth

抽屜寬度:側面導航檢視可以從螢幕邊緣拖拽到螢幕的寬度距離

keyboardDismissMode

在導航檢視拖拽的過程中是否要隱藏鍵盤

  • none:(預設值),不會隱藏鍵盤
  • on-drag :當拖拽開始的時候進行隱藏鍵盤

onDrawerClose function

當導航檢視被關閉後進行回撥該方法

onDrawerOpen function

當導航檢視被開啟後進行回撥該方法

onDrawerSlide function

開啟或者關閉的時候一直回撥該方法,引數為event,可以獲取到移動位置的偏移。

onDrawerStateChanged function

抽屜的狀態變化時呼叫該方法。該狀態會有以下三種狀態

  • idle (空閒) :表示導航檢視上面沒有任何互動狀態
  • dragging (正在拖拽中):表示使用者正在和導航檢視產生互動動作
  • settling (暫停-剛剛結束) :表示使用者 剛剛結束和導航檢視的互動動作,當前導航檢視正在開啟或者關閉拖拽滑動動畫效果

renderNavigationView function

渲染抽屜的內容

drawerBackgroundColor

指定抽屜的背景顏色。預設值為白色。如果要設定抽屜的不透明度,請使用rgba

statusBarBackgroundColor

使抽屜佔據整個螢幕並繪製狀態列的背景,以允許它在狀態列上開啟。它只會對API 21+產生影響。

openDrawer()

開啟抽屜。

closeDrawer();

關上抽屜。