How to display some text when a button is clicked in Swift UI?

Question

muskaan21 OP

Created Jun ’20

Replies 2

Boosts 0

Views 4.6k

Participants 2

I have a function that displays "correct" when the user puts in the right answer.

Code Block Swiftfunc displayCorrectOrIncorrect() -> some View {
Group {
		if correctAnswer == quiz.answer	{
				VStack {
						Text("Correct")
				}
		} else {
				VStack {
						Text("Incorrect, correct answer is \(correctAnswer)")
				}
		}
}
}

This is how I call it:

Code Block SwiftUIButton(action: {
						self.displayCorrectOrIncorrect()
						self.updateUI()
				})

The text is not showing up. How can I fix this?

Answered by muskaan21 in 617954022

I figured out another way actually as well. I made a variable and set it to an empty string value so when it was correct I made the variable = "correct". I then inputed into a text box in my VStack.

Code Block SwiftUIvar correctOrIncorrect: String = ""
Text(correctOrIncorrect)
if correctAnswer == quiz.answer {
	correctOrIncorrect = "Good Job!"
} else {
	correctOrIncorrect = "Correct answer is \(correctAnswer)"

Boost

Answer 1

OOPer OP

Jun ’20

The method displayCorrectOrIncorrect() returns some View, but the View returned will be immediately disposed when it is called inside an action closure.

You need to embed the View inside some another View where you want to show it.

Something like this.

Code Block     @State var showsCorrectOrIncorrect: Bool = false
    var body: some View {
        VStack {
            Button("Check answer", action: {
                self.showsCorrectOrIncorrect = true
                self.updateUI()
            })
            //Other View components
            //...
            if showsCorrectOrIncorrect {
                displayCorrectOrIncorrect()
            }
        }
    }

1

Answer 2

muskaan21 OP

Jul ’20

Accepted Answer

I figured out another way actually as well. I made a variable and set it to an empty string value so when it was correct I made the variable = "correct". I then inputed into a text box in my VStack.

Code Block SwiftUIvar correctOrIncorrect: String = ""
Text(correctOrIncorrect)
if correctAnswer == quiz.answer {
	correctOrIncorrect = "Good Job!"
} else {
	correctOrIncorrect = "Correct answer is \(correctAnswer)"

0