Estilização e Layout no React Native
Flexbox, posicionamento absoluto, design responsivo, safe area, estilos específicos de plataforma
1Qual é a direção padrão de flexDirection no React Native?
Qual é a direção padrão de flexDirection no React Native?
Resposta
No React Native, flexDirection assume o valor 'column' por padrão, ao contrário da web onde é 'row'. Isso significa que os elementos filhos são dispostos verticalmente de cima para baixo por padrão. Essa diferença reflete as convenções típicas das interfaces móveis, onde os layouts verticais são mais comuns.
2Como criar um estilo reutilizável no React Native?
Como criar um estilo reutilizável no React Native?
Resposta
StyleSheet.create() é o método recomendado para criar estilos no React Native. Ele permite definir um objeto de estilos que pode ser reutilizado em vários componentes. Essa abordagem otimiza o desempenho validando os estilos uma única vez na inicialização e referenciando-os por ID em vez de recriar os objetos a cada render.
3Qual propriedade usar para centralizar um elemento horizontal E verticalmente dentro de seu contêiner?
Qual propriedade usar para centralizar um elemento horizontal E verticalmente dentro de seu contêiner?
Resposta
Para centralizar um elemento em ambos os eixos, é preciso combinar justifyContent: 'center' (eixo principal) e alignItems: 'center' (eixo secundário). Com o flexDirection padrão ('column'), justifyContent centraliza verticalmente e alignItems centraliza horizontalmente. Essas duas propriedades trabalham juntas para obter uma centralização perfeita.
Qual é a unidade de medida usada por padrão no React Native para as dimensões?
Qual propriedade permite posicionar um elemento de forma absoluta em relação ao seu pai?
+15 perguntas de entrevista
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
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
Ciclo de vida do app e execução em segundo plano
Autenticação e gerenciamento de sessões
Monitoring & Crash Reporting
Domine React Native para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis