雙頭和雙安裝的主屏幕 - react-navigation

Question

我一直有這個問題很長一段時間，我只是找不到解決它的答案。
Here is an actual screenshot of what is happening.

的問題是：

1.返回默認新聞源屏幕上的按鈕，導航到任何全球屏幕

代碼本身時
2.雙擊標題
3的TabBar消失：

routes.js

const RecordScreen = StackNavigator({ 
    Main: { screen: Record }, 
    Choose: { screen: RecordChoose }, 
    Add: { screen: RecordAdd } 
}) 

const NewsfeedScreen = StackNavigator({ 
    Main: { screen: Newsfeed }, 
    Details: { screen: NewsfeedDetails } 
}) 

export const FriendsScreen = StackNavigator({ 
    Main: { screen: Friends }, 
    List: { screen: FriendList } 
}) 

const Tabs = TabNavigator({ 
    Record: { screen: RecordScreen }, 
    Newsfeed: { screen: NewsfeedScreen }, 
    Friends: { screen: FriendsScreen } 
}) 

// is it correct to nest TabNavigator with StackNavigator like this? 
export const LoggedIn = StackNavigator({ 
    Main: { screen: Tabs }, 

    // global Screens 
    Gallery: { screen: Gallery }, 
    Profile: { screen: Profile }, 
    Settings: { screen: Settings } 
}) 

export const LoggedOut = StackNavigator({ 
    Welcome: { screen: Welcome }, 
    SignIn: { screen: SignIn }, 
    SignUp: { screen: SignUp } 
}) 

index.js

import React, { Component } from 'react' 
import { LoggedIn, LoggedOut } from '@routes' 

class Main extends Component { 

    // of course is not exactly like this, 
    // just an example 
    state = { 
    loggedIn: true 
    } 

    render() { 
    return this.state.loggedIn 
     ? <LoggedIn /> 
     : <LoggedOut /> 
    } 
} 

任何幫助表示讚賞！ 謝謝。

Answer 1

做了以下更改會讓事情變得更好嗎？從

：

export const LoggedIn = StackNavigator({ 
    Main: { screen: Tabs }, 

    // global Screens 
    Gallery: { screen: Gallery }, 
    Profile: { screen: Profile }, 
    Settings: { screen: Settings } 
}) 

到

const doNotShowHeaderOption = { 
    navigationOptions: { 
    header: null, 
    }, 
}; 
export const LoggedIn = StackNavigator({ 
    Main: { screen: Tabs, ...doNotShowHeaderOption, }, 

    // global Screens 
    Gallery: { screen: Gallery }, 
    Profile: { screen: Profile }, 
    Settings: { screen: Settings } 
})