如何定义路线，然后创建到该路线的简单交叉链接？

Question

这个API够清楚了...

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

但是如何为组件注册此 "Details" 路由？在 React Navigation 文档中，通常建议执行类似...

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

然而，上面的代码不仅注册了路由，它还影响了UI的呈现方式。我不希望这些耦合。我不希望我 register/define 路由的方式对 GUI 产生任何直接影响。

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

甚至 building a custom router 的文档似乎都假定我想要渲染某些东西，而不仅仅是定义路由。但我只想注册一条路线，这样我就可以打电话给 navigation.navigate('Someroute').

Answer 1

只需将带有所需屏幕的路线“详细信息”添加到堆栈导航器。就像 Home 一样。如果您导航到另一条路线，UI 将更改为另一个视图，这就是带有 react-navigation.

屏幕的整个路线点

How to define a route and then create a simple crosslink to that route?