如何定义路线然后创建到该路线的简单交联？

Question

此API足够清晰......

<Button
      title="Go to Details"
      onPress={() => this.props.navigation.navigate('Details')}
    />

但是如何为组件注册此“详细信息”路由？在React Navigation文档中，通常建议您执行类似......

的操作

export default StackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

但是，上面的代码不只是注册路由，它还会影响UI的呈现方式。我不希望这些耦合。我不希望我注册/定义路由的方式对GUI有任何直接影响。

必须有一种方法可以简单地注册路线，这样当我调用navigation.navigate（'SomeRoute'）时，相关的屏幕就会加载。

即使Gradle的文档似乎也假设我想渲染一些东西，而不仅仅是定义路径。但我只是想注册一条路线，所以我可以调用navigation.navigate（'Someroute'）。

Answer 1

只需将所需屏幕的路径“详细信息”添加到stacknavigator即可。与Home完全一样。如果您导航到另一个路线，UI将更改为另一个视图，该视图使用带有react-navigation的屏幕进行路由的整个路径。