How to set @State variable in If / Else statement

Question

I have this simple code that uses a toggle to show/hide a slider. When the slider is visible, the user can change the value between 0...5. I want it to reset the @State variable to 0 if someone chooses to switch the toggle to off. When I add anything to the Else I get "Type '()' cannot conform to 'View'"

Any help is much appreciated.

struct Test: View {
    
    @State var sliderValue = 0.0
    @State var toggleIsOn = false
    
    var body: some View {
        VStack {
            Toggle(isOn: $toggleIsOn) {
                HStack {
                    Text("Slider Value:")
                    Text("\(sliderValue)")
                }
            }
            if toggleIsOn {
                Text("\(sliderValue)")
                Slider(value: $sliderValue, in: 0...5)
            } else {
                sliderValue = 0.0
            }
            Spacer()
        }
    }
}

workingdog support Ukraine · Accepted Answer · 2022-02-22 05:33:27Z

1

you could try the following approach, or some variation of this, using the .onChange(...):

struct Test: View {
    @State var sliderValue = 0.0
    @State var toggleIsOn = false
    
    var body: some View {
        VStack {
            Toggle(isOn: $toggleIsOn) {
                HStack {
                    Text("Slider Value:")
                    Text("\(sliderValue)")
                }
            }
            .onChange(of: toggleIsOn) { value in
                if !value { sliderValue = 0.0 }
            }
            if toggleIsOn {
                Text("\(sliderValue)")
                Slider(value: $sliderValue, in: 0...5)
            }
            Spacer()
        }
    }
}

edited Feb 22, 2022 at 5:33

answered Feb 22, 2022 at 5:22

workingdog support Ukraine

38.9k5 gold badges47 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to set @State variable in If / Else statement

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related