如何在 React Native 中创建基于无限问题的应用程序

Question

So I am building an app where I need to ask user unknown amount of questions, it can be 5 or it can be 50, it wouldn't make sense to make 50 screens. I have 4 types of questions and that would be 4 components. And I want to keep all 5-... question on single screen, but they need to change when I press "NEXT". Is that good aproach at all, and how to do that? Just explanation you don't have to bother with writing all the code. And if there is any other aproach to that?

If you need any more info please comment.

Thank you!

Answer 1

You could make a conditional render. Depending on your state value, return a different component to render and every time you press next update your state. This way you wont need to change screens.

render () {
 swtich(this.state.questionType) {
    case 1: return <Quest01 />
    case 2: return <Quest02 />
    .
    .
    .
  }
}