🗑️ SafeAreaView
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Utiliza react-native-safe-area-context en su lugar.
El propósito de SafeAreaView es renderizar contenido dentro de los límites del área segura de un dispositivo. Actualmente solo es aplicable a dispositivos iOS con versión 11 o posterior.
SafeAreaView renderiza el contenido anidado y aplica automáticamente relleno (padding) para reflejar la porción de la vista que no está cubierta por barras de navegación, barras de pestañas, barras de herramientas y otras vistas ancestro. Además, y más importante aún, los rellenos del Área Segura reflejan las limitaciones físicas de la pantalla, como esquinas redondeadas o muescas de cámara (por ejemplo, el área del sensor en el iPhone 13).
Ejemplo
Para usarlo, envuelve tu vista de nivel superior con un SafeAreaView que tenga aplicado el estilo flex: 1. También puedes usar un color de fondo que coincida con el diseño de tu aplicación.
Referencia
Props
Props de View
Hereda Props de View.
Dado que el relleno (padding) se utiliza para implementar el comportamiento del componente, las reglas de relleno en los estilos aplicados a un SafeAreaView serán ignoradas y pueden causar resultados diferentes según la plataforma. Consulta #22211 para más detalles.