Навигация по React-Navigation в опциях не отображается

Question

В своем приложении-реактиве я написал следующий код.Но заголовок навигации не отображается на экране.

import React, { Component } from 'react';
import { View, Text } from 'react-native';

import { NavigationHeader } from '../../components';

class LoginScreen extends Component {

   // Navigation options
   static navigationOptions = ({ navigation }) => {
      const { params = {} } = navigation.state;

      return {
          headerTitle: <NavigationHeader title='Authentication' />,
          headerTitleStyle: { 
              alignItems: "center", 
              alignSelf: "center" 
          },
          headerStyle: {
              paddingLeft: 10,
              paddingRight: 10,
              borderBottomWidth: 1,
              borderBottomColor: '#8D8D8D',
              backgroundColor: 'white',
              elevation: 0,
          }
      };
   }; 
   render() {
      return (
         <View>
            <Text>
               Login Screen
            </Text>
         </View>
      );
   }
}

export default LoginScreen;

Это мой файл package.json.

{
  "name": "TestApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.6",
    "react-navigation": "1.5.8"
  },
  "devDependencies": {
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "24.1.0",
    "jest": "24.1.0",
    "metro-react-native-babel-preset": "0.52.0",
    "react-test-renderer": "16.6.3"
  },
  "jest": {
    "preset": "react-native"
  }
}

Почему это не работает должным образом?Тот же подход работал в приложении, которое я создал несколько месяцев назад.Я что-то здесь не так делаю?Кто-нибудь может дать мне несколько советов?