在React Native中使用Navigator

时间:2016-12-01 17:55:09

标签: react-native url-routing navigator

我正在使用React Native的Navigator组件,到目前为止一直很好,但是......

我似乎无法从同一组件内推送()到导航器。这是一个例子:

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

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

当我打电话

updateNav()

我收到一条错误消息,说明了导航器&#39;未定义。

另外,我可以将导航器传递给孩子,并通过“道具”从孩子们那里更新导航器。没有问题。但我有一个案例,我需要在具有Navigator组件的同一组件内更新推送到导航器。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:-1)

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

this.props.navigator