Implement a MultiChoicesQuestion view, under src/practice/questions:
constructor takes:
MultiChoiceQuestion question
Function(bool askAgain) onAnswered
use the MultiChoicesQuestionViewModel
UI use the QuestionSkeleton as a wrapper:
display the right instruction based on question.type usingQuestionSkeleton.instruction
display the question subject based on question.subject using Subject
if question.subject_tts is provided add an IconButton (icon: Icons.volume_up_rounded). When pressed call the TTS service with question.subject_tts
display all the options (using MultiChoiceOptionTile) according to their number (use isCompact when there are less than 4 options), onPressed: viewModel.onOptionPressed
Requirements
Implement the
MultiChoicesQuestionView, it should:What needs to be done
Implement a
MultiChoicesQuestionview, undersrc/practice/questions:MultiChoiceQuestion questionFunction(bool askAgain) onAnsweredMultiChoicesQuestionViewModelQuestionSkeletonas a wrapper:question.typeusingQuestionSkeleton.instructionquestion.subjectusingSubjectquestion.subject_ttsis provided add an IconButton (icon:Icons.volume_up_rounded). When pressed call the TTS service withquestion.subject_ttsMultiChoiceOptionTile) according to their number (useisCompactwhen there are less than 4 options),onPressed: viewModel.onOptionPressedDesign
MultiChoicesQuestionViewflowsDependencies
Child of #168
Depends on:
169
173
174
180