SwiftUI Spacer not working next to a Toggle inside a HStack

Question

I want to have a Toggle with their content aligned to the right of the screen and I notice a Spacer doesn't work next to a Toggle inside a HStack:

import SwiftUI

struct ContentView: View {

    @State var isOn = false

    var body: some View {
        VStack { // with or without the VStack doesn't work.
            HStack {
                Spacer()
                Toggle(isOn: self.$isOn) {
                    Text("Remember me")
                }
            }
        }
    }
}

but if I put the Spacer and the Toggle inside a VStack it works (but vertically).

Also if a put another View instead the Toggle with the Spacer inside a HStack, it works.

How can I make it work the Spacer and the Toggle inside the HStack?

score 3 · Accepted Answer · answered Jan 20 '21 at 18:03

Are you using the Spacer to push the text to the right? If so, you could do this instead:

import SwiftUI

struct ContentView: View {

    @State var isOn = false

    var body: some View {
        VStack { // with or without the VStack doesn't work.
            HStack {
                Toggle(isOn: self.$isOn) {
                    Text("Remember me")
                        .frame(maxWidth: .infinity, alignment: .trailing)
                }
            }
        }
    }
}

SwiftUI Spacer not working next to a Toggle inside a HStack

1 Answers1