Компонентный вид не отображается с помощью React Navigation

Question

Я использую React Navigation v5 для навигации в моем приложении. Пользователь регистрируется в приложении, и сразу после регистрации пользователь переходит на экран ExtendedRegistate. После завершения расширенной регистрации пользователь переходит на главный экран.

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

Приложение. js

export default class App extends React.Component {
  render() {
    return (
      <NavigationContainer>
        <Stack.Navigator initialRouteName='Loading' >
          <Stack.Screen name='Loading' component={Loading} />
          <Stack.Screen name='AddContact' component={AddContact} />
          <Stack.Screen name='GuestNav' component={BottomNavGuest} 
            options={{
              //title: 'Welcome',
              headerLeft: null
            }}
          />
          <Stack.Screen name='Extended' component={ExtendedRegisteration} 
            options={{
              headerLeft: null
            }}
          />
          <Stack.Screen name='UserNav' component={BottomNavUser} 
            options={{
              headerLeft: null
            }}
          />
        </Stack.Navigator>
      </NavigationContainer>
    )
  }
}

Функция, вызываемая при нажатии кнопки в SignUp

signUpHandler = () => {
        if (this.state.email == '' || this.state.password == '') {
            alert("Email or Password is empty.")
        }
        else {
            firebase.auth().createUserWithEmailAndPassword(this.state.email, this.state.password)
                .then(() => this.props.navigation.navigate('Extended'))
                .catch(error => { alert(error.message) });            
        }
    }

Ниже показан экран, который я не могу доступ.

РасширенноеРегистрация. js

export default class ExtendedRegisteration extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <View style={styles.container}>
                <Text>Hello</Text>
            </View>
        );
    }

}

Какие-нибудь решения?