iOS tiene un concepto conocido como safe areas para ayudar en el diseño de las vistas. Las safe areas ayudan a garantizar que las vistas se ubiquen dentro de la parte visible de la interfaz. Por ejemplo, las safe areas evitan que las vistas oculten la barra de estado. Si su interfaz de usuario incluye una barra de navegación, el área segura se ajustará automáticamente para evitar que ubique vistas que, de lo contrario, ocultarían la barra de navegación.
Para posicionar contenido que se extiende fuera de las safe areas, puede usar el modifier ignoresSafeArea. Por ejemplo:
.ignoresSafeArea(.all, edges: .top)En el siguiente código podemos ver este modifier en acción:
import SwiftUI
struct ContentView: View {
var body: some View {
Color.blue
.ignoresSafeArea()
}
}En XCode el resultado es el siguiente:
El modifier ignoresSafeArea puede aceptar otros valores como .bottom y .leading para el parámetro edges. Si quieres ignorar por completo la safe area puedes usar .ignoresSafeArea() .
Ten en cuenta que el modifier ignoresSafeArea está disponible desde iOS 14. Si estás usando iOS 13 o anterior puedes usar el modifier edgesIgnoringSafeArea que solo espera un argumento, el edge o los edges a ignorar. Por ejemplo:
.edgesIgnoringSafeArea(.all)En resumen, ignorar las safe areas en SwiftUI es solo cuestión de llamar a un modifier de vista simple. Aplícalo cuando sea necesario y amplía el safe area de tus vistas para crear una interfaz.
