使用列表的下一项更新同一视图

Question

我正在Swift中创建一个问答应用程序。每个测验都有一系列问题，这些问题在QuestionView中表示。A"；下一个"；按钮应具有相同的视图"；QuestionView"；，但接下来的问题是数组。但相反，QuestionView总是显示相同的问题。

以下是问题视图：

struct QuestionView: View {
var quiz: Quiz
var question: Question
@State private var isFinished = false
@State private var success = true
var body: some View {
VStack(spacing: 40) {
VStack {
Text(quiz.name)
.font(.title3)
.bold()

HStack(spacing: 20) {
ProgressBar(progress: 250 / CGFloat(quiz.questions.count) * CGFloat(quiz.progress))
Text("(quiz.progress + 1)/(quiz.questions.count)")
.bold()
}
}

Text(question.questionText)
.font(.title)
.fontWeight(.semibold)
.frame(width: 300)

Spacer()

LazyVGrid(columns: [GridItem(.adaptive(minimum: 160, maximum: 240))], spacing: 10) {
ForEach(question.answers) { index in
AnswerRow(answer: index)
.onTapGesture {
if index.isCorrect && success == true {
self.quiz.score += 1
self.quiz.progress += 1
isFinished = true
} else if index.isCorrect {
self.quiz.progress += 1
isFinished = true
} else {
success = false
}
}
}
}

NavigationLink {
QuestionView(quiz: quiz, question: quiz.questions[quiz.progress])
} label: {
PrimaryButton(text: "Continuer")
}
//.disabled(!isFinished)
}
.padding(.vertical, 60)
.navigationBarHidden(true)
}
}

这是测验模型：

class Quiz: Identifiable {
let id = UUID()
let name: String
let illustration: String
let difficulty: Difficulty
let questions: [Question]
var score: Int
var progress: Int
init(name: String, illustration: String, difficulty: Difficulty, questions: [Question], score: Int, progress: Int) {
self.name = name
self.illustration = illustration
self.difficulty = difficulty
self.questions = questions
self.score = score
self.progress = progress
}
}
extension Quiz {
static let examples: [Quiz] = [
Quiz(
name: "Quiz n°1",
illustration: "Picture1",
difficulty: .easy,
questions: Question.allQuestions1,
score: 0,
progress: 0
),

Quiz(
name: "Quiz n°2",
illustration: "Picture2",
difficulty: .intermediate,
questions: Question.allQuestions2,
score: 0,
progress: 0
),

Quiz(
name: "Quiz n°3",
illustration: "Picture3",
difficulty: .advanced,
questions: Question.allQuestions3,
score: 0,
progress: 0
)
]
}

Answer 1

也许您可以尝试使用一系列问题。[Question]

类似这样的东西：

var questions = [Question(questionText: "Some text",
possibleAnswers: ["Option 1", "Option 2", "Option 3"]
correctAnswer: "Option 2"),
Question(questionText: "Some other text",
possibleAnswers: ["Option 1", "Option 2", "Option 3"]
correctAnswer: "Option 1")]

并且有一个问题编号变量，每当用户转到下一个问题时，该变量就会增加

类似于：

@State private var questionNumber = 0

然后，一次显示一个问题：

// The actual question
Text(questions[questionNumber].questionText)
// All the possible answers
ForEach(questions[questionNumber].possibleAnswers, id: .self) { answer in 
// Some view that takes in a string (the answer) and display it
Text(answer)
}

现在所要做的就是增加问题编号(questionNumber += 1)。我相信在你的情况下；下一个"；按钮：

Button("Next") {
questionNumber += 1
}

希望这对你有帮助！

注意

我还没有测试过上面的代码，它只是为了帮助你弄清楚(尽管代码可能有效)