我们可以在 react native 中使用导航器渲染相同的路线吗?

Question

我有一个观点，比如说DynamicView。我正在尝试使用不同的参数在导航器中推送相同的视图（动态视图）。

this.props.navigator.push({
    component: DynamicView,
    params: {} //Different params
})
...
export default connect(mapStateToProps, mapDispatchToProps)(DynamicView)

DynamicView 与 redux 流连接。但是我无法访问推送组件中的最新状态。

我想知道，这样做是否正确？如果是，我如何访问推送组件中与父组件相同的最新状态。如果否，那么是否有任何其他方法可以动态创建新路由。

任何帮助，不胜感激。谢谢。

反应原生 v0.40

Answer 1

React Navigation navigator，例如 StackNavigator，可以轻松支持这一点。正如 React Navigation 的创建者在这里所证实的那样。

假设您正在使用StackNavigator进行一些基本的导航。你会做这样的事情：

export const SimpleApp = StackNavigator({
  MyDynamicView: { screen: DynamicView }
  ... other routes ...
});

然后，从你的 React 组件（包括 DynamicView 组件）中，你可以根据需要多次导航到MyDynamicView路由，使用不同的参数：

navigation.navigate('MyDynamicView, { username: 'John' })

或

navigation.navigate('MyDynamicView, { username: 'John2' })