2017-05-19 23 views
0

目前我正在嘗試使用react-navigation來創建抽屜。 我的反應導航版本是:「^ 1.0.0-beta.7」DrawerItems不顯示從StackNavigator(react-navigation)

基本上我的反應導航看起來像這樣

StackNavigator作爲根的結構.. DrawerNavigator作爲第二層.. 和另一個StackNavigator作爲第三層..

我的問題是,當我把我的組件內部DrawerNavigator,導航到組件後,組件標題將不會顯示..所以,我希望任何人都可以指向我當我將組件放在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.9/beta.10我不知道,如果這些道具上beta.7工作。風格和道具從beta.7到beta.8有一些很大的變化

+0

對不起..我認爲在這之前,我的問題讓人感到困惑,很難轉換到正確的英文..我已經編輯了我的問題,我希望它很清楚:-) Tq無論如何迴應和擡頭,我只是注意到它已經是beta 10! –