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

Question

因此，我正在构建一个需要向用户询问未知数量问题的应用程序，它可以是5个，也可以是50个，制作50个屏幕毫无意义。我有4种类型的问题，那就是4个组成部分。我想将所有5 -...问题保留在单个屏幕上，但是当我按“ NEXT”时，它们需要更改。那是一个很好的方法吗，该怎么做？只是说明，您不必费心编写所有代码。还有其他办法吗？

如果您需要更多信息，请发表评论。

谢谢！

Answer 1

您可以进行条件渲染。根据状态值，返回一个不同的组件以进行渲染，并且每次按next时都会更新状态。这样，您将无需更改屏幕。

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