反应原生页面导航答案

【问题标题】：React native page navigation反应原生页面导航
【发布时间】：2016-02-28 16:17:05
【问题描述】：

在我的索引文件中，我有一个 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 事件。问题是，如何将这些映射到路线？

【问题讨论】：

标签： reactjs react-native

【解决方案1】：

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

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

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

我已经发表了一篇关于使用导航器here 的相当广泛的文章。

【讨论】：