Заголовок заголовка пуст в TabNavigation

Question

Не могу понять, как получить ожидаемый результат.Что я пробовал?Я обновил реактивную и все остальные зависимости до последней версии.Я просмотрел документацию о реагировании и даже создал для этого ошибку на github.

Я что-то не так делаю?Мне нужно установить заголовок заголовка, когда я использую TabNavigation

const RootNavigator = createStackNavigator({
    ...publicScreens,
    Private: {
        screen: PrivateNavigator
    }
}, publicScreensConfig);

const privateScreens = {
    ContactList: {
        screen: ContactList
    },
    Settings: {
        screen: Settings
    }
};

.....

export default createBottomTabNavigator( privateScreens, options );
import React, { Component } from 'react'
import { Text, View } from 'react-native'
import GlobalColors from '../../config/colors';

export default class Settings extends Component {
    static navigationOptions = {
        title: 'Settings',
        headerStyle: {
            backgroundColor: GlobalColors.grayDark,
        },
        headerTintColor: 'white',
        headerTitleStyle: {
            fontWeight: 'bold',
        },
        gesturesEnabled: false,
    }

    render() {
        return (
            <View>
        <Text> Settigs </Text>
      </View>
        )
    }
}

Но я вижу пустой заголовок.Я хочу видеть текст заголовка, который приходит из навигации Параметры

Answer 1

Благодаря JinHoSo ответ здесь

const bottomTabNavigator = createBottomTabNavigator(...)

bottomTabNavigator.navigationOptions = ({navigation, screenProps}) => {
  const childOptions = getActiveChildNavigationOptions(navigation, screenProps)
  return {
    title      : childOptions.title,
    headerLeft : childOptions.headerLeft,
    headerRight: childOptions.headerRight,
  }
}