react-native - 如何正确进行注册

Question

我目前正在学习 React Native，虽然我已经为我的应用程序构建了很多东西，但仍有一件事总是让我感到困惑，我不确定我是否做得正确。我用谷歌搜索并查看了 react、react-native 和 react-navigation 的文档，但找不到答案。

今天的问题
我重新访问了我的注册页面，并希望将其拆分为多个表单，这样用户就不必滚动来回答每个问题。

所以我不确定我是否应该

1. 使用 StackNavigator 并将越来越多的道具传递给下一个组件

或者，

2. 我目前正在做的是，拥有一个巨大的组件，一次渲染一个表单，并在一个组件中管理所有内容。

显然，尽管我在另一个文件中有每个表格，但第二选择确实很混乱。但我觉得如果使用数字 1（尤其是因为我使用打字稿），我会重复自己很多。

还有其他选择吗？也许是某种 HOC ？我真的很茫然。

我认为我可以拥有一个组件来管理注册流程并巧妙地导航（呈现）下一个表单，但我现在所拥有的一点也不整洁。

希望你们能帮助我或指导我到一些不错的资源

标签： react-nativereact-navigationreact-navigation-stack

Answer 1

我想你目前正在做的是比第一个更好的选择。相对于主窗体（组件）中的 currentStep 呈现不同的窗体（组件），并非所有事情都必须在主窗体中完成。主窗体只需要针对当前显示的窗体中完成的操作更新状态。