2016-09-07 5 views
0

enter image description hereネイティブの引き出しに反応する右ボタンを作成する方法は?

反応ネイティブドロワーを使用して右メニューを作成しました。 しかし、私は上記の図のように、左のボタンを右に動かすことはできません。 方法はありますか?

+0

あなたは、ヘッダーのために使用していますか?ナビゲータまたはnavigatoriOS? –

+0

反応ネイティブ引き出しと反応ネイティブルータフレックスを使用しました –

答えて

2

反応ネイティブルータフラックスに組み込まれているナビゲーションバーを使用しているとすれば、あなた自身でcustom navbarを書くことができます。あなたがそうする際に助けが必要な場合はtheir navigation componentを参照することができます。これにより、右にハンバーガーアイコンを置くように制御できます。あなたのルータを定義するとき、コンポーネントNavBarを次に参照するとします。反応-ネイティブ引き出しをするために

<Router 
    navBar={NavBar} 
    ... 
/> 
+0

ありがとうございます 私にいくつかのコードスニペットを教えてください。 私は右に変化する位置だけを必要とし、ユーザーがそれをクリックするデフォルトの動作に保ちたい、右のメニューに現われる。 –

+0

あなたは自分の基礎としてNavbarコンポーネントを主にコピーすることができます。ちょうどあなたがインポートステートメントを調整することを確認してください。あなたがこれを達成するにはいくつかの方法があります。[行484](https://github.com/aksonov/react-native-router-flux/blob/4957320e0eb638be660aa97d142dd617d3a59569/src/NavBar.js#L484) 。たとえば、右の矢印が戻るようにしますか? renderLeftButton&renderBackButtonスタイリングを置き換えて、rightButtonStylesを使用するか、ハンドルバイメージでrenderRightButtonを使用して更新することができます。 – Steven

0

<Drawer 
    ... 
    side={'right'} 
> 
    ... menu items here ... 

</Drawer> 
+0

私のイメージをチェックしてください。私はすでに同じことを設定しました。メニューは右から登場しました。私が必要なのは右ボタンです。 –

関連する問題