动态创建React Navigation版本3导航器

Question

我正在尝试通过遵循此tutorial，使用React Navigation版本3创建一个多步骤表单向导。本教程描述了使用createStackNavigator()动态创建堆栈导航器。这种方法在React Navigation的第3版中不再起作用，并且在文档中被列为Common Mistake。在React Navigation的第3版中，createStackNavigator()现在应该用createAppContainer()包装，并且一个应用程序通常应该只有一个app container。

如何使用React Navigation V3创建一个多步骤表单向导：

1. 接收一系列步骤（反应组件）
2. 生成进度条
3. 在每个屏幕上生成一个“下一步”按钮，在最后一个屏幕上生成一个“提交”按钮
4. 启用从一步到另一步导航时保存表单状态的方法
5. 使用stack navigator在步骤之间导航，以便显示默认的从右到左过渡动画

所需结果的示例如下所示：