React Navigation - не удается обновить заголовок

У меня есть следующий код в моем собственном приложении для реагирования, но я не могу обновить заголовок экрана, когда я перехожу на экран панели мониторинга после входа в систему. Это так просто, но поскольку я не понимаю, что здесь не так, я публикую это.

После входа в систему я перехожу на панель управления.

this.props.navigation.navigate('Dashboard', {
     title: 'Dashboard'
})

Мой DashboardScreen.js выглядит следующим образом.

Это точно так же, как в документации из библиотеки React Navigation.

class DashboardScreen extends React.Component {
    static navigationOptions = ({navigation}) => {
        const {params} = navigation.state;

        let title = navigation.state.params.title ? navigation.state.params.title : 'This is Sparta!';

        return {
            title: title
        };
    };

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <ScrollView>
                <Card>
                    <Text>Dashboard Screen</Text>
                </Card>
            </ScrollView>
        )
    }
}

Моя база StackNavigator.

const StackNavigator = createStackNavigator({
    Login: {
        screen: LoginScreen
    },
    Dashboard: {
        screen: DashboardScreen
    }
}, {
    initialRouteName: "Login",
});

class App extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <StackNavigator/>
        )
    }
}

export default App;

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

Может кто-нибудь указать на точную проблему? Заранее спасибо.