ERRO: The 'navigation' object hasn't been initialized yet.

E aí, Vanessa!

O Stack Navigator é que nem o chefão das telas e da navegação. Não precisa ficar criando uns estados separados pra decidir se mostra a tela de Registro ou a de Login. O próprio Stack Navigator faz isso pra você, sacou?

Dá uma olhada nesse pitaco pra ajustar seu código:

1. No App.js, bota o componente InicialRoutes que você fez, que já tem as manhas do Stack Navigator. Não precisa mais desses estados exibirRegistro e exibirLogin aqui.

import React from 'react';
import { StatusBar, SafeAreaView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import InicialRoutes from './routes/InicialRoutes'; // Importa teu componente de rotas

export default function App() {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <StatusBar />
      <NavigationContainer>
        <InicialRoutes /> {/* Usa o componente de rotas aqui */}
      </NavigationContainer>
    </SafeAreaView>
  );
}

No Principal.js, cê tá usando o useNavigation() certo pra pegar o objeto de navegação. Só confirma que os nomes das rotas batem exatamente com os nomes que cê definiu no Stack Navigator no InicialRoutes.js.

Garante que os nomes das rotas no navigation.navigate() casem certinho com os nomes que você colocou no Stack Navigator. Tipo, se tem um <Stack.Screen name="Home" component={Home} />, cê usa navigation.navigate('Home') pra chegar nessa tela.

Se fizer essas mudanças e ainda der erro, dá um conferes pra ver se todas as dependências tão instaladas de boa e se tá importando os componentes certinho em cada arquivo.

Oi, Estudante (rs)

Pitacos são bem vindos, rs Eu bem recente na programação e alguns erros me deixam de cabelo branco. Eu vou fazer esse ajuste e ver se roda certinho.

Virei a internet de ponta cabeça pra resolver e ainda não consegui.

Obrigada pelas sugestões. Qualquer coisa atualizo aqui. Valeu...