'Jetpack Compose Place every question in it's own screen

I have a JSON data looking like this

questions: [
{
id: "1",
question_type: "FREE_TEXT",
answer_type: "SINGLE_LINE_TEXT",
question_text: "what's your name?",
options: [ ],
next: 2
},
{
id: 2,
question_type: "SELECT_ONE",
answer_type: "SINGLE_LINE_TEXT",
question_text: "Gender?",
options: [
{
value: "MALE",
display_text: "opt_male"
},
{
value: "FEMALE",
display_text: "opt_female"
},
{
value: "OTHER",
display_text: "opt_other"
}
],
next: 3
},
{
id: 3,
question_type: "TYPE_VALUE",
answer_type: "FLOAT",
question_text: "How old are you?",
options: [ ],
next: null
}
]

I want to place every question in its own screen and move to next question by pressing next. https://i.stack.imgur.com/fNzIl.png

Any idea of where I could begin or how I can go about it.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source