Estilos y Layout en React Native
Flexbox, posicionamiento absoluto, diseño responsive, safe area, estilos específicos por plataforma
1¿Cuál es la dirección por defecto de flexDirection en React Native?
¿Cuál es la dirección por defecto de flexDirection en React Native?
Respuesta
En React Native, flexDirection tiene el valor 'column' por defecto, a diferencia de la web donde es 'row'. Esto significa que los elementos hijos se disponen verticalmente de arriba hacia abajo por defecto. Esta diferencia refleja las convenciones típicas de las interfaces móviles, donde los layouts verticales son más comunes.
2¿Cómo crear un estilo reutilizable en React Native?
¿Cómo crear un estilo reutilizable en React Native?
Respuesta
StyleSheet.create() es el método recomendado para crear estilos en React Native. Permite definir un objeto de estilos que puede reutilizarse en varios componentes. Este enfoque optimiza el rendimiento validando los estilos una sola vez al inicio y referenciándolos por ID en lugar de recrear los objetos en cada render.
3¿Qué propiedad usar para centrar un elemento horizontal Y verticalmente dentro de su contenedor?
¿Qué propiedad usar para centrar un elemento horizontal Y verticalmente dentro de su contenedor?
Respuesta
Para centrar un elemento en ambos ejes, hay que combinar justifyContent: 'center' (eje principal) y alignItems: 'center' (eje secundario). Con el flexDirection por defecto ('column'), justifyContent centra verticalmente y alignItems centra horizontalmente. Estas dos propiedades trabajan juntas para lograr un centrado perfecto.
¿Cuál es la unidad de medida utilizada por defecto en React Native para las dimensiones?
¿Qué propiedad permite posicionar un elemento de manera absoluta respecto a su padre?
+15 preguntas de entrevista
Otros temas de entrevista React Native
Fundamentos de JavaScript
Fundamentos de React
Fundamentos de React Native
React Hooks
TypeScript para React y React Native
Componentes y API de React Native
Navegación en React Native
Gestión de Estado en React Native
Networking y API en React Native
Persistencia de datos
Formularios y validación
Animaciones de React Native
Native Modules & Bridge
Código específico de plataforma
Permisos y APIs de dispositivo
Push Notifications
Testing en React Native
Debugging de React Native
Build & Deployment
Expo vs React Native Bare
Optimización del rendimiento
Gestión de memoria
Architecture Patterns
New Architecture de React Native
Mejores Prácticas de Seguridad
Offline-First Architecture
CI/CD React Native
Monorepo y compartición de código
Temas avanzados
Ciclo de vida de la app y ejecución en segundo plano
Autenticación y gestión de sesiones
Monitoring & Crash Reporting
Domina React Native para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis