React-Navigation: не удается скрыть заголовок с вложенными навигаторами

Question

Я использую официальный react-navigation для обработки моей навигации. У меня есть один главный TabNavigator для всего приложения с двумя вкладками (так называемых HitchhikingMapNavigator и SettingsNavigator ниже), и каждая вкладка имеет вложенную StackNavigator:

const HitchhikingMapNavigator = StackNavigator({ 
    hitchhikingMap: { screen: HitchhikingMapViewContainer }, 
    spotDetails: { screen: SpotDetailsViewContainer } 
}, { 
    navigationOptions: { 
    header: { 
     visible: false 
    } 
    } 
}); 

const SettingsNavigator = StackNavigator({ 
    // some other routes 
}); 

export default AppNavigator = TabNavigator({ 
    hitchhikingMap: { screen: HitchhikingMapNavigator }, 
    settings: { screen: SettingsNavigator } 
}, { 
    navigationOptions: { 
    header: { 
     visible: false, 
    }, 
}, 
}); 

Как вы можете видеть, я ставлю visilibility заголовков ложь во всем мире, даже в моих HitchhikingMapViewContainer «посмотреть:

class HitchhikingMapView extends React.Component { 

    static navigationOptions = { 
    title: 'Map', 
    header: { 
     visible: false, 
    }, 
    //...other options 
    } 

И все же, строка заголовка остается видимым:

Если я не вставлю навигаторы (т. если я поместил этот код, пропуская вложенный один):

тогда заголовок правильно скрыт.

Итак, вывод: я не могу сделать заголовок невидимым, когда у меня есть два вложенных навигатора. Есть идеи?

Answer 1

Для тех, кто все еще ищет ответ, я отправлю его здесь.

Так два решения:

первое решение: использовать headerMode: 'none' в StackNavigator. Это позволит удалить заголовок из всех экранов в 2-ом растворе StackNavigator

: использовать headerMode: 'screen' в StackNavigator и добавить header: { visible: false } в navigationOptions экранов, где вы хотите, чтобы скрыть заголовок.

Более подробную информацию можно найти здесь: https://reactnavigation.org/docs/navigators/stack

Answer 2

Это работает для меня:

headerMode: 'none' 

Answer 3

Начиная с v1.0.0-beta.9, используйте следующее,

static navigationOptions = { 
    header: null 
} 

Answer 4

Это работает для меня, я работаю на андроида стороны в реакции родной версии 0,45

static navigationOptions = { 
    header: null 
} 

Answer 5

Это работает для меня, чтобы скрыть навигацию:

static navigationOptions = { 
    header: null 
};