2017-05-19 10 views
0

現在、私は反応ナビゲーションを使用して引き出しを作ろうとしています。 私の反応ナビゲーションのバージョンは次のとおりです。「^ 1.0.0-beta.7」基本的DrawerItemsがStackNavigatorから表示されない(反応ナビゲーション)

ルートとしてこの

StackNavigatorのような反応ナビゲーション見ての私の構造..第二層として DrawerNavigator .. と第3層目の別のStackNavigator ..

私の問題は、コンポーネントをDrawerNavigator内に配置すると、Componentヘッダーが表示されないということです。私のコンポーネントをDrawerNavigatorの中に入れたときに見えるようにする方法。私がDrawerNavigatorの中にコンポーネントを入れず、内部のStackNavigatorの中のすべてのスクリーンを見れば、ヘッダーは見えるでしょうが、DrawerItemsにはどのような小道具もありません。

const rootNav = StackNavigator({ 
 
    MainDrawerNavigator: { screen: MainDrawerNavigator } 
 
}, { 
 
    headerMode: 'screen', 
 
    navigationOptions: { header: null } 
 
}) 
 

 
const MainDrawerNavigator = DrawerNavigator({ 
 
    Home: { screen: HomeNavigator }, 
 
    Logout: { screen: Logout } 
 
},{ 
 
    initialRouteName: 'Home', 
 
    drawerWidth: 270, 
 
    headerMode: 'screen', 
 
    contentComponent: (props) => { 
 
     return(
 
     <ScrollView> 
 
      <DrawerItems {...props} /> 
 
     </ScrollView> 
 
    ) 
 
    }, 
 
    contentOptions: { 
 
    style: { 
 
     marginTop: 0, 
 
    } 
 
    } 
 
}) 
 

 
const HomeNavigator = StackNavigator({ 
 
    HomeMenu: { screen: HomeMenu }, 
 
    StartJourney: { screen : StartJourney }, 
 
    JournalList: { screen: JournalList }, 
 
)}

enter image description here

誰もこれで私を助けることができると思います。 ありがとう!

答えて

0

私はDrawerOpenヘッダが

私はドン」は、ここでヘッダーかを理解表示されませんどこを達成しようとしていますか?

が、私は引き出しからのルートをナビゲートし、それが画面を開いたとき、あなたがナビゲーターヘッダの話をしている場合は、ヘッダーが

を表示します 、それはHomeNavigatorのヘッダーだ、あなたが行うことができますあなたはrootNav navigationOptions: { header: null }

const HomeNavigator = StackNavigator({ 
    HomeMenu: { screen: HomeMenu }, 
    StartJourney: { screen : StartJourney }, 
    JournalList: { screen: JournalList }, 
},{ 
navigationOptions: { header: null } 
}) 

と現在の反応ナビゲーション文書で行ったように、これらの小道具はbeta.7上で作業している場合、私は知らないbeta.9/beta.10ためです。ベータ版からベータ版へのスタイルと小道具には大きな変更があります。

+0

申し訳ありません。この前に私の疑問は人々に混乱させ、適切な英語に変換するのはかなり難しいと思います。私はすでに私の質問を編集しました。 とにかくTqが応答して頭を上げたら、私はそれが既にベータ10であることに気付きました! –

関連する問題