SWIFTUI - How to keep score in a quiz app with questions on separate views?

Question

Newbie here. I am creating a quiz app. Unlike most of the examples, every question is in a separate view. I'd like to keep the score and show it at the end.

Example:

struct questionOne: View {
    @State var isSelected = false
    var body: some View {
       GeometryReader { geometryProxy in
        VStack(alignment: .center) {

            TRpic().cornerRadius(10)

            Text("What's the capital of Turkey?")
                .font(.title)

            Spacer()

           Button(action: {self.isSelected.toggle()}) {
               Text("Istanbul")
           } .buttonStyle(SelectedButtonStyleFalse(isSelected: self.$isSelected))

           Button(action: {self.isSelected.toggle()}) {
                Text("Ankara")
            }.buttonStyle(SelectedButtonStyle(isSelected: self.$isSelected))

           Button(action: {self.isSelected.toggle()}) {
                Text("Athens")

            } .buttonStyle(SelectedButtonStyleFalse(isSelected: self.$isSelected))

             Spacer()

            NavigationLink(destination: questionTwo()) {
              VStack {
                Text("Next Question")

               Adview().frame(width: 150, height: 50)
             }
          }
       }
    }
  }
}


struct SelectedButtonStyle: ButtonStyle {

    @Binding var isSelected: Bool

    public func makeBody(configuration: Self.Configuration) -> some View {
        configuration.label
            .padding(20)
            .foregroundColor(.white)
            .background(isSelected ? Color.green : Color.gray)
            .cornerRadius(10.0)
    }
}


struct SelectedButtonStyleFalse: ButtonStyle {

    @Binding var isSelected: Bool

    public func makeBody(configuration: Self.Configuration) -> some View {
        configuration.label
            .padding(20)
            .foregroundColor(.white)
            .background(isSelected ? Color.red : Color.gray)
            .cornerRadius(10.0)
    }
}

I have two button styles: SelectedButtonStyle (for the true answer) and SelectedButtonStyleFalse (for the false answer)

All 50 questions (views) are connected via NavigationView. And in the end, I want to show the total score in a separate view. For example "You have scored 35/50".

Thanks!

So where is the score? – Mojtaba Hosseini Nov 23 '19 at 19:25 — Mojtaba Hosseini, Nov 23 '19 at 19:25

score 3 · Answer 1 · answered Nov 24 '19 at 02:38

3

You can use @EnvironmentObject. All you have to do it create a class like this:

import Foundation

class GameStatus: ObservableObject {
    @Published var score: Int = 0
}

Then in your struct add @EnvironmentObject var gameStatus: GameStatus

Finally, you need to trigger update on the score, just do

self.gameStatus.answers += 1

answered Nov 24 '19 at 02:38

Bartosz

378
3
11

Thanks! I ended up doing the global variable. But your suggestion makes a lot of sense. – I Kaya Nov 24 '19 at 16:04

score 1 · Answer 2 · answered Nov 24 '19 at 00:41

1

Check out Three Ways To Do The Same Job for 3 examples of how to share data between views.

answered Nov 24 '19 at 00:41

BioPhysic

29
2

Link is broken. – kfkhalili Oct 19 '21 at 11:14

SWIFTUI - How to keep score in a quiz app with questions on separate views?

2 Answers2