web-dev-qa-db-fra.com

Largeur d'image en plein écran dans SwiftUI

J'ai ajouté une image à mon corps dans une application SwiftUI et je souhaite que cette image couvre toute la largeur de l'appareil, mais ne la dépasse pas.

Dans body, je retourne l'objet image:

var body: some View {
    Image("page-under-construction")
}

et l'image apparaît, cependant, elle est trop grande:

J'ai essayé de définir le cadre: cela affecte les limites mises en évidence, mais l'image ne se redimensionne pas.
En combinaison, j'ai joué avec .aspectRatio(contentMode:), qui ne semblait pas avoir d'effet sur la mise en page.

Comment puis-je faire en sorte que l'image soit effectivement à 100% de la largeur de l'écran?

5
LinusGeffarth

Voici comment ajouter une image d'arrière-plan et la faire remplir le plein écran dans SwiftUI

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            Image("background")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .edgesIgnoringSafeArea(.top)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
0
MrG