NEW
Font size
WorksheetsComponentes React-Native
Total questions: 15
Worksheet time: 8mins
No componente LoginScreen, qual é a função do useState na linha const [isLogin, setIsLogin] = useState(true);?
Armazenar o e-mail e a senha do usuário de forma permanente no dispositivo.
Gerenciar uma variável de estado (isLogin) que controla a interface, alternando entre os modos de login e cadastro.
Definir o estilo visual (cores e fontes) do formulário de login.
Criar uma animação de transição quando o usuário alterna entre login e cadastro.
Qual evento é disparado quando o usuário clica no botão 'Entrar' ou 'Cadastrar' e o que a palavra-chave async na sua função significa?
O evento é onClick, e async torna a execução da função mais rápida.
O evento é onPress, e async indica que a função pode executar operações demoradas (como chamadas de rede) sem travar a interface.
O evento é onTap, e async é apenas um comentário para indicar que a função é importante.
O evento é onChange, e async serve para sincronizar os dados do formulário com o Firebase.
Na tela de Login, como o código decide se deve mostrar os campos 'Seu Nome' e 'Sua Empresa'?
Utilizando uma declaração if/else fora do return do componente.
Através de uma classe CSS que aplica display: none aos campos.
Ocultando os campos com a propriedade de estilo opacity: 0.
Através do operador de curto-circuito && ({!isLogin && ...}), que renderiza os campos apenas se a variável isLogin for false.
No componente MapScreen, o que a linha exhibitorsData.map(ex => ...) está efetivamente fazendo?
Calculando a distância entre cada um dos expositores no mapa.
Percorrendo cada item do array exhibitorsData e criando um componente para cada um.
Filtrando o array para mostrar apenas os expositores da categoria 'Salgados'.
Criando um único marcador no mapa que, ao ser clicado, mostra uma lista de todos os expositores.
Qual a finalidade das props visible, onClose, e title no componente CustomModal?
visible define a cor, onClose a animação de fechamento, e title o tamanho da fonte.
visible controla se o modal está visível, onClose é a função para fechá-lo, e title define o texto do título.
visible armazena dados do usuário, onClose faz o logout, e title define a fonte do texto.
visible é o texto principal, onClose o título, e title o botão de fechar.
Qual a principal diferença entre as funções signInWithEmailAndPassword e createUserWithEmailAndPassword?
createUser... cria um novo usuário no sistema, enquanto signIn... verifica as credenciais de um usuário já existente.
Ambas fazem o login, mas createUser... é usada apenas por administradores do sistema.
signIn... salva a senha no dispositivo, enquanto createUser... não.
createUser... só funciona com e-mails do Google, enquanto signIn... funciona com qualquer e-mail.
Ao criar uma nova conta, um documento é criado no Firestore. Em qual 'coleção' e com quais dados?
Na coleção auth, armazenando apenas a senha criptografada do usuário.
Na coleção profiles, armazenando o nome, a idade e o telefone do usuário.
Na coleção users, armazenando o nome, empresa, e-mail e uma lista vazia de favoritos.
Na coleção exhibitors, armazenando o ID do primeiro expositor que o usuário visitar.
Qual é a principal vantagem de usar a função onSnapshot para buscar os dados do usuário na tela de Perfil?
Ela usa menos dados de internet do que uma busca de dados única.
Ela é mais segura porque criptografa os dados durante a transmissão.
Ela estabelece um 'ouvinte' que atualiza a tela automaticamente sempre que os dados mudam no banco de dados.
Ela funciona offline, permitindo que o usuário veja seus dados mesmo sem conexão.
Por que as funções arrayUnion e arrayRemove são eficientes para gerenciar a lista de favoritos?
Porque elas permitem adicionar ou remover itens de um array no banco de dados atomicamente, sem precisar ler e reescrever a lista inteira.
Porque elas ordenam o array de favoritos automaticamente em ordem alfabética no banco de dados.
Porque elas só funcionam em listas de até 10 itens, o que as torna muito rápidas.
Porque elas criam uma cópia de segurança do array antes de fazer qualquer modificação.
Qual a responsabilidade do StackNavigator e do BottomTabNavigator no aplicativo?
StackNavigator cria a barra de título, e BottomTabNavigator os botões laterais de navegação.
Ambos fazem a mesma coisa, mas BottomTabNavigator é um componente mais moderno e otimizado.
StackNavigator gerencia a navegação entre telas empilhadas (como Login -> Principal), enquanto BottomTabNavigator cria as abas na parte inferior da tela principal.
StackNavigator é usado para navegação vertical na tela, e BottomTabNavigator para navegação horizontal.
Como os dados do usuário (userData) são passados para a MainTabNavigator após o login?
Através de uma variável global acessível por todos os componentes.
Salvando os dados no localStorage do dispositivo para serem lidos pela outra tela.
Através do parâmetro de rota initialParams no Stack.Screen que renderiza o MainTabNavigator.
Enviando os dados por uma chamada de API interna do próprio aplicativo.
Na MainTabNavigator, como o código sabe qual ícone (map-pin ou user) deve ser exibido para cada aba?
O nome do ícone é obrigatoriamente o mesmo nome da rota, e o React Native faz a associação.
Os ícones são definidos em um arquivo CSS, e as classes são aplicadas a cada aba.
A função tabBarIcon recebe a rota atual e usa uma estrutura if/else para retornar o nome do ícone correto.
O Firebase envia em tempo real qual ícone deve ser exibido com base nas permissões do usuário.
Como a lista de favoritos na tela de Perfil é atualizada automaticamente após o usuário favoritar um item na tela do Mapa?
A tela de Mapa envia uma notificação push para a tela de Perfil para forçar uma atualização.
O app reinicia automaticamente para recarregar todos os dados do zero.
A tela de Perfil usa onSnapshot, que 'escuta' as mudanças no documento do usuário no Firestore e re-renderiza a lista quando ela é alterada.
Os dados são compartilhados através de uma variável global que é atualizada manualmente na tela de Mapa.
Para exibir o nome e o estande do expositor na lista de favoritos (ex: 'Salgadinhos Crocantes - A12'), como você modificaria a tela de Perfil?
Criando um novo useState para armazenar apenas os números dos estandes.
No método .map(), seria preciso usar o ID do favorito para buscar o objeto completo no exhibitorsData e então formatar o texto.
Adicionando uma nova Cloud Function no Firebase para combinar os dados antes de enviá-los ao app.
Usando CSS para adicionar o número do estande com o pseudo-elemento ::after.
Qual seria a principal vantagem de mover a lista exhibitorsData para uma coleção no Firestore?
O aplicativo funcionaria totalmente offline sem nenhuma configuração adicional.
O consumo de bateria do dispositivo seria drasticamente reduzido.
Permitiria que os dados dos expositores fossem atualizados dinamicamente (por um admin) sem a necessidade de lançar uma nova versão do aplicativo na loja.
O carregamento inicial do mapa se tornaria mais rápido, pois dados locais são mais lentos que dados do Firestore.
