我们可以使用导航器在反应原生中渲染相同的路线吗?

时间:2017-11-09 15:46:43

标签: javascript reactjs react-native react-redux

我有一个观点,让我们说 DynamicView 。我试图用不同的参数在导航器中推送相同的视图(DynamicView)。

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

DynamicView 与redux流程相关联。但我无法访问推送组件中的最新状态。

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

感谢任何帮助。谢谢。

React Native v0.40

1 个答案:

答案 0 :(得分:3)

React Navigation导航器(例如StackNavigator)可以轻松支持它。作为React Navigation的创建者的confirmed here

所以说你正在使用StackNavigator做一些basic navigation。 你会做这样的事情:

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

然后,从您的React组件(包括DynamicView组件),您可以根据需要多次导航到MyDynamicView路由,使用不同的参数:

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

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