本文へスキップ

DrawerLayoutAndroid

プラットフォームの`DrawerLayout` (Androidのみ)をラップするReactコンポーネントです。ドロワー(通常はナビゲーションに使用)は`renderNavigationView`でレンダリングされ、直接の子要素がメインビュー(コンテンツを表示する場所)になります。ナビゲーションビューは最初は画面に表示されませんが、`drawerPosition`プロパティで指定されたウィンドウの端から引き出すことができ、その幅は`drawerWidth`プロパティで設定できます。

例​

参照

プロパティ​

Viewのプロパティ​

Viewのプロパティを継承します。

drawerBackgroundColor​

ドロワーの背景色を指定します。デフォルト値は`white`です。ドロワーの不透明度を設定する場合は、rgbaを使用してください。例

return (
  <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)" />
);
型必須
colorいいえ

drawerLockMode​

ドロワーのロックモードを指定します。ドロワーは3つの状態にロックできます。

  • unlocked (デフォルト): ドロワーはタッチジェスチャーに応答します(開閉)。
  • locked-closed: ドロワーは閉じられたままになり、ジェスチャーに応答しません。
  • locked-open: ドロワーは開いたままになり、ジェスチャーに応答しません。ただし、プログラムによって( `openDrawer`/`closeDrawer`)開閉することはできます。
型必須
enum('unlocked', 'locked-closed', 'locked-open')いいえ

drawerPosition​

ドロワーが画面のどの側からスライドインするかを指定します。デフォルトでは`left`に設定されています。

型必須
enum('left', 'right')いいえ

drawerWidth​

ドロワーの幅、より正確にはウィンドウの端から引き出されるビューの幅を指定します。

型必須
numberいいえ

keyboardDismissMode​

ドラッグに応答してキーボードが閉じられるかどうかを決定します。

  • 'none' (デフォルト): ドラッグはキーボードを閉じません。
  • 'on-drag': ドラッグが始まるとキーボードが閉じられます。
型必須
enum('none', 'on-drag')いいえ

onDrawerClose​

ナビゲーションビューが閉じられるたびに呼び出される関数。

型必須
functionいいえ

onDrawerOpen​

ナビゲーションビューが開かれるたびに呼び出される関数。

型必須
functionいいえ

onDrawerSlide​

ナビゲーションビューとのインタラクションがあるたびに呼び出される関数。

型必須
functionいいえ

onDrawerStateChanged​

ドロワーの状態が変更されたときに呼び出される関数。ドロワーは3つの状態になります。

  • idle: ナビゲーションビューとのインタラクションがその時発生していません。
  • dragging: 現在、ナビゲーションビューとのインタラクションがあります。
  • settling: ナビゲーションビューとのインタラクションがあり、ナビゲーションビューが現在、閉じまたは開きのアニメーションを終了しています。
型必須
functionいいえ

renderNavigationView​

画面の端にレンダリングされ、引き出すことができるナビゲーションビュー。

型必須
functionはい

statusBarBackgroundColor​

ドロワーが画面全体を占有し、ステータスバーの背景を描画して、ステータスバーの上に開くことを許可します。API 21以降でのみ効果があります。

型必須
colorいいえ

メソッド​

closeDrawer()​

closeDrawer();

ドロワーを閉じます。

openDrawer()​

openDrawer();

ドロワーを開きます。