feat: Implement `BlankQuestionView` - Githubissues

RoadTripMoustache / kana_to_kanji

Simple application to learn Japanese kana (hiragana, katakana) and kanji

5 stars 1 forks source link

feat: Implement `BlankQuestionView` #199

Open apomalyn opened 2 months ago

apomalyn commented 2 months ago

Requirements

Implement the BlankQuestionView, it should:

adapt to display either the tap-options system or the input text field for the blank.

What needs to be done

Implement BlankQuestionView view under src/practice/questions:

constructor takes:
- BlankQuestion question
- Function(bool askAgain) onAnswered
use the BlankQuestionViewModel
UI use the QuestionSkeleton as a wrapper:
- implement the design based on the wireframe
- based on viewModel.useKeyboard replace each _ in question.subject with:
- a line to represent the text input and the list of TextOption
- a text field if useKeyboard is true otherwise by a line

Design

BlankQuestionView wireframe: keyboard mode

![image](https://github.com/RoadTripMoustache/kana_to_kanji/assets/22211097/e142d48e-54de-41b6-81b4-96dc6ac1de5a)

BlankQuestionView wireframe: option mode

![image](https://github.com/RoadTripMoustache/kana_to_kanji/assets/22211097/1dd11894-bdc8-450e-80c1-f1d0f114ebd9)

Dependencies

Child of #192

Depends on:

169
182
198