首页 > 解决方案 > React Native Navigation - 屏幕的多个实例

问题描述

我有一个应用程序(反应原生/redux/navigation 实验性),它具有深度流程,用户可以导航到同一屏幕的多个实例(考虑点击多个配置文件)。

为了避免屏幕的每个新实例覆盖之前屏幕上的数据,我在 redux 中使用了查找表方法。每次我推送到新屏幕时,我都会使用路由的 uuid 作为查找表中的键。

有没有更好的方法来处理这个?

标签: reactjsreact-nativereduxreact-redux

解决方案


我建议升级路由框架,因为 React Native Experimental 将不再受支持。您可以尝试react native router fluxreact navigation。我没有使用后者,所以我将如何在 React Native 路由器 Flux 中实现这一点是:a) 为您似乎正在做的同一组件使用不同的键。b)uuid在导航时将 as 参数传递给该组件。例如

Actions[routes.currentUser]({ uuid: getUuid() })

您的路线在其他文件中定义,您检索 uuid。正如这里所解释的

此外,通常最好的做法是分开导航状态应用程序状态,如此所述


推荐阅读