如何在本机中的内联视图之间导航

Question

我正在进行向导式注册，并且我不想为每个向导步骤创建单独的组件。相反，我想使用简单的视图作为步骤并在它们之间切换（带有转换）。

我知道这不是最好的做法（至少可以说），但我想快速而又肮脏。

我希望使用导航器而不是简单的条件渲染，因为我想使用内置于反应原生导航器中的过渡。

这是我希望实现的一个例子：

personalDetails = () => {
    return (
      <View style={styles.content}>

      </View>
    );
  }


linkAccount = () => {
    return (
      <View style={styles.content}>

      </View>
    );
  }


<Navigator>
          <Card
            exact path="app/signup/personaldetails"
            component={this.personalDetails()}
          />
          <Card
            exact path="app/signup/linkaccount"
            component={this.linkAccount()}
          />
        </Navigator>