¿Por qué obtengo 'No puedo leer propiedad' push 'of undefined' (React Native)?

En mi index.ios.js, tengo lo siguiente:

renderScene(route, navigator){ return <route.component navigator={navigator} {...route.passProps}/> } 

y

 render() { return ( <Navigator initialRoute={{name: 'FirstPage', component: FirstPage}} renderScene={this.renderScene} /> ); } 

luego en mi FirstPage.js, para navegar a SecondPage.js:

  _navigate(){ this.props.navigator.replace({ component: SecondPage, name: 'SecondPage' }) } 

Luego, en mi SecondPage.js, solo muestra el componente en un file. Y en mi ThirdPage.js:

  _rowPressed(){ this.props.navigator.push({ component: FourthPage, name: 'FourthPage', }) } <TouchableHighlight onPress={() => this._rowPressed()} > <View> <Text>Go to FourthPage</Text> </View> </TouchableHighlight> 

Luego en mi FourthPage.js, simplemente tengo:

  <View style={styles.container}> This is FourthPage.js </View> 

Recibo el error de ThirdPage.js, que dice:

 Cannot read property 'push' of undefined in _rowPressed() 

y no puedo entender por qué, porque the.props.navigator.push funcionó bien para ambos .replace y .push, pero ahora estoy recibiendo este error. Cualquier guía o idea sería apreciada. Gracias de antemano.

 <TouchableHighlight onPress={this._rowPressed.bind(this)}//add this > <View> <Text>Go to FourthPage</Text> </View> </TouchableHighlight> 

es posible que necesite enlazar el componente