SwiftUI Image in ZStack not aligning to bottom of screen

May 26, 2022

I have this code

struct ContentView: View {
    var body: some View {
        ZStack(alignment:.bottom) {
            Image("login-devices-mobile")
                .resizable()
                .scaledToFit()
            
        }.padding(0.0).background(Image("login-background").aspectRatio(contentMode: ContentMode.fill))
    }
}

which I am trying to display an image on the bottom of the screen. However when I run the preview. It still shows in the middle.

Any tips on anything I can do differently to align the image on the bottom of the screen?

>Solution :

I assume you wanted this

ZStack(alignment:.bottom) {
    Image("login-devices-mobile")
        .resizable()
        .scaledToFit()
    
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom) // << here !!
.background(Image("login-background").aspectRatio(contentMode: ContentMode.fill))