反应本机页面导航

Question

在我的索引文件中，我有renderScene方法，该方法根据route.id

呈现组件

renderScene(route, navigator) {
  switch(route.id) {
    case 'explore':
      return <PageExplore navigator={navigator} />;
    break;
    case 'post':
      return <PagePost navigator={navigator} />;
    break
  }
}

在这些页面的render方法中，我有另一个用于显示几个链接的组件

<Navbar navigator={this.props.navigator} />

Navbar组件中的链接有onPress个事件。问题是，我如何将这些映射到路线？

Answer 1

如果你的renderScene方法如上所述，基本的onPress函数将如下所示：

_navigate(id)
  this.props.navigator.push({
    id: id
  })
)

传递给this.props.navigator.push({})的任何内容都可以作为路由属性在renderScene方法中使用。

我使用导航器here发表了相当广泛的文章。