在 React Native 中使用导航器答案

【问题标题】：Using Navigator in React Native在 React Native 中使用导航器
【发布时间】：2016-12-01 17:55:08
【问题描述】：

我正在为 React Native 使用 Navigator 组件，到目前为止还不错，但是...

我似乎无法从同一个组件中 push() 到导航器。这是一个例子：

updateNav(){
  navigator.push({page: 'newPage'});
}

render(){
  return (
    <Navigator initialRoute={{page: INITIAL_TAB}} />
  )
}

当我打电话时

updateNav()

我收到一条错误消息，提示“导航器”未定义。

另外，我可以将导航器传递给孩子，并通过“道具”从孩子那里更新导航器，这没有问题。但是我有一种情况，我需要从具有 Navigator 组件的同一组件内更新对 Navigator 的推送。

【问题讨论】：

【解决方案1】：

导航器是您传递给场景的属性，因此它在您渲染导航器的同一组件中不可用。我也遇到了这个问题，只是将导航器向上移动到更高的组件，并将当前的组件作为初始路径。

【讨论】：

【解决方案2】：

我认为导航器应该在你的道具上

this.props.navigator

【讨论】：