Why is my function not updating the text while using #State? - swiftui

Question

For my senior capstone, I’ve basically tried to teach myself SwiftUI and create an app of a text game I thought of. I’ve had lots of issues that I persevered through up until this point, but this one is really rattling my brain. I’m trying to get the text to update when I hit the button. I really don't know how to fix this as I'm very new to SwiftUI. Does anyone know of anything that can help? I'd appreciate any help I can get. Here's my code I'm working with for this:
struct descriptions {
#State var page: Int = 0
func switchDesc() -> String {
switch page {
case 0:
return [game text]
case 1:
return [game text]
case 2:
return [game text]
default:
return ""
}
}
}
struct GameView: View {
// [other variables]
#Binding var page: Int
#State var desc: String = descriptions().switchDesc()
var body: some View {
[...]
HStack {
Button(
action: {
page -= 1
desc = descriptions().switchDesc()
},
label: {
Image(systemName: "arrowtriangle.left.circle.fill")
}
)
Spacer()
Button(
action: {
page += 1
desc = descriptions().switchDesc()
},
label: {
Image(systemName: "arrowtriangle.right.circle.fill")}
)
}
}
}

Answer 1

The #State variable needs to be in the View for it to function like you expect it to. Also, You don't need a separate #State variable for the description. Instead, you can update just the page and then have your switchDesc return the correct value based on the current page.
For example:
struct GameView: View {
#State var page: Int = 0
func switchDesc() -> String {
switch page {
case 0:
return "Text1"
case 1:
return "Text2"
case 2:
return "Text3"
default:
return ""
}
}
var body: some View {
Text(switchDesc())
HStack {
Button(action: {
page -= 1
}) {
Image(systemName:"arrowtriangle.left.circle.fill")
}
Spacer()
Button(action: {
page += 1
}) {
Image(systemName: "arrowtriangle.right.circle.fill")
}
}
}
}
In your original code, you had page as a #Binding -- you alter my example to be the same thing. I just made it #State because right now (without seeing any other code), it seems like it would be owned by this view. Either way, the description will update correctly based on the state of that page variable.
Update, based on comments:
struct ContentView : View {
#State var page = 0
var body: some View {
GameView(page: $page)
}
}
struct GameView: View {
#Binding var page: Int
//etc