SplashScreen
Este componente React-Native, denominado SplashScreen, representa a tela inicial do aplicativo exibida durante a inicialização.
A função principal é realizar operações assíncronas, como a obtenção de dados do banco de dados Firebase, enquanto exibe o logotipo do aplicativo.
Após a conclusão das operações, redireciona para a tela principal (Home).
Funcionalidades Principais
Obtenção de Dados do Banco de Dados:
- Utiliza o contexto
useLoadingpara obter a string de autenticação e criar uma instância deStoragepara interagir com o Firebase. - Utiliza a função
getFullDocdeStoragepara obter dados completos do usuário no Firebase. - Armazena os dados obtidos localmente utilizando o
AsyncStoragepara posterior referência no aplicativo.
- Utiliza o contexto
Temporização de Exibição:
- Utiliza
setTimeoutpara simular uma breve pausa (5.5 segundos) antes de prosseguir para a próxima tela. Isso é comum em telas de introdução ou splash para exibir o logotipo por um curto período.
- Utiliza
Navegação para a Próxima Tela:
- Utiliza
useNavigationpara obter o objeto de navegação. - Após a conclusão das operações, navega para a tela principal (
Home).
- Utiliza
Componente de Logotipo:
- Inclui o componente
LogoImagepara exibir o logotipo do aplicativo, centralizado na tela.
- Inclui o componente
Armazenamento Local de Dados:
- Utiliza o
AsyncStoragepara armazenar dados obtidos do banco de dados de forma local, permitindo o acesso rápido e offline.
- Utiliza o
Tratamento de Erros:
- Registra e trata erros que possam ocorrer durante a obtenção de dados do banco de dados Firebase.
Estilo e Layout:
- Utiliza estilos simples para centralizar o logotipo na tela durante a exibição da SplashScreen.
Componentes Utilizados
React,useEffectpara gerenciar o ciclo de vida.Viewdo React-Native para estrutura de layout.useNavigationdo@react-navigation/nativepara navegação.useLoadingeStoragepara interação com Firebase.AsyncStoragepara armazenamento local de dados.- Componente
LogoImagepara exibição do logotipo.
Observações
- Este componente é crucial para proporcionar uma experiência inicial ao usuário, exibindo o logotipo e realizando operações iniciais necessárias antes de redirecionar para a tela principal.
