react-native-router-fluxでNativeBase Headerコンポーネントを使用するにはどうすればよいですか？

Question

私は自分のプロジェクトでドロワーを使用しようとしましたNativeBaseと反応ネイティブルータです。ヘッダー内のボタンが機能していないこと以外はすべて動作します（この特定のボタンをタップできません）。

App.jsメイン

上

<Scene key="draw" component={SideMenu} open={false} hideNavBar={true}> 
    <Scene key='main' component={Home} hideNavBar={true}/> 
</Scene> 

ヘッダー

<Left> <Button transparent onPress={()=>Alert.alert("burger tapped")}> <Icon name='menu' /> </Button> </Left> 

私の目的は次のとおりです。私は<Scene key="draw">の内側に私のメインページをラップする場合、この問題はのみ発生し、ここに私のコードです私は上記の例のようなコードを実行すると、ボタンをタップすると、引き出しを開きますが、ボタンは全く機能しません。これをどうすれば解決できますか？

Answer 1

一般的な回避策は、ネイティブベースのヘッダーコンポーネントを各コンテナコンポーネント（画面）に配置することです。このアプローチはそれらにも実装されましたboilerplate for the Ignite.

もう1つの方法は、カスタムNavBarを小道具としてシーンコンポーネントにプッシュすることです。 をデフォルトの代わりにネイティブベースコンポーネントを使用するように変更します。

import CustomNavBar from './CustomNavBar'; 
import Main from './Components/Main'; 

<Router> 
    <Scene 
    component={Main} 
    key="main" 
    type={ActionConst.RESET} 
    navBar={CustomNavBar} 
    /> 
</Router> 

幸いです！

Answer 2

NativeBaseでこれを紹介し、そのNativeBase-KitchenSink

これは、私はすでにそれが、ナビゲーションバーから反応するネイティブ・ルータはそれがで包んだ場合は表示されません。<シーンのキーは=「描く」>を試してみました