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

Dev*_*Dev 6 javascript reactjs react-native react-redux

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

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

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

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

任何帮助表示赞赏.谢谢.

React Native v0.40

ida*_*ali 3

React Navigation 导航器(例如 StackNavigator)可以轻松支持这一点。正如React Navigation 的创建者所证实的那样。

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

export const SimpleApp = StackNavigator({
  MyDynamicView: { screen: DynamicView }
  ... other routes ...
});
Run Code Online (Sandbox Code Playgroud)

然后,从 React 组件(包括 DynamicView 组件)中,您可以MyDynamicView使用不同的参数多次导航到该路线:

navigation.navigate('MyDynamicView, { username: 'John' })
Run Code Online (Sandbox Code Playgroud)

或者

navigation.navigate('MyDynamicView, { username: 'John2' })
Run Code Online (Sandbox Code Playgroud)