Question 1

Quais são os três estados possíveis retornados por AppState.currentState no React Native?

Accepted Answer

AppState.currentState retorna um de três estados: 'active' (o app está em primeiro plano e interativo), 'background' (o app está em segundo plano mas potencialmente ativo) e 'inactive' (estado de transição no iOS, por exemplo ao exibir a visualização de multitarefa). No Android, o estado 'inactive' é raro porque a transição é direta entre 'active' e 'background'.

Question 2

Qual método deve ser usado para escutar as mudanças de estado da aplicação com AppState?

Accepted Answer

O método AppState.addEventListener('change', callback) permite escutar as mudanças de estado da aplicação. O callback recebe o novo estado ('active', 'background' ou 'inactive') como parâmetro. É importante remover o listener usando o método remove() retornado por addEventListener durante a limpeza para evitar vazamentos de memória.

Question 3

Quando o estado 'inactive' normalmente ocorre no iOS?

Accepted Answer

O estado 'inactive' no iOS ocorre durante transições breves: ao exibir a central de controle, a central de notificações, a tela de multitarefa (toque duplo no Home) ou durante uma chamada recebida. É um estado intermediário onde o app está visível mas não interativo. No Android, esse estado raramente é observado, pois a transição entre 'active' e 'background' é direta.

Ciclo de vida do app e execução em segundo plano

Quais são os três estados possíveis retornados por AppState.currentState no React Native?

Resposta

Qual método deve ser usado para escutar as mudanças de estado da aplicação com AppState?

Resposta

Quando o estado 'inactive' normalmente ocorre no iOS?

Resposta

Como implementar corretamente um listener de AppState em um useEffect?

O que é um Headless JS Task no React Native?

Outros temas de entrevista React Native

Fundamentos de JavaScript

Fundamentos do React

Fundamentos do React Native

React Hooks

TypeScript para React e React Native

Componentes e API do React Native

Estilização e Layout no React Native

Navegação no React Native

Gerenciamento de Estado no React Native

Networking e API no React Native

Persistência de dados

Formulários e validação

Animações do React Native

Native Modules & Bridge

Código específico de plataforma

Permissões e APIs de dispositivo

Push Notifications

Testing no React Native

Debugging de React Native

Build & Deployment

Expo vs React Native Bare

Otimização de desempenho

Gerenciamento de memória

Architecture Patterns

New Architecture do React Native

Melhores Práticas de Segurança

Offline-First Architecture

CI/CD React Native

Monorepo e compartilhamento de código

Tópicos avançados

Autenticação e gerenciamento de sessões

Monitoring & Crash Reporting

Domine React Native para sua proxima entrevista