Javascript 反应本机导航器

我是个新手 我创建了

NavigatorEX

类，它通常呈现

MiladView

，但它没有导航到

HadiView

类。

route

或

push

方法有什么问题。 此代码由React Native 0.25和ES6编写

import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
看法
导航器
}从“反应本机”；
类NavigatorEX扩展组件{
render（）{
返回(
{
这个是.props.navigator.push({
组成部分：HadiView，
标题：“哈迪”，
LeftButtontile:“Back”，
onLeftButtonPress:（）=>this.props.navigator.pop（），
});
},
}}
/>
);
}
}
类HadiView扩展了组件{
render（）{
返回(
哈迪
)
}
}
类MiladView扩展了组件{
render（）{
返回(
米拉德
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“居中”，
为内容辩护：“中心”，
背景颜色：“#FAFAFA”，
},
导航：{
弹性：1，
},
欢迎:{
尺寸：20，
textAlign:'中心'，
差额：10，
},
说明：{
textAlign:'中心'，
颜色：'#333333'，
marginBottom:5，
},
});
AppRegistry.registerComponent（'NavigatorEX'，（）=>NavigatorEX）

尝试将

ref={navigator=>this.navigator=navigator}

添加到导航器，然后将

this.navigator.push

vs

this.props.navigator.push

<NavigatorIOS
  ref={navigator => this.navigator = navigator}
  style={styles.nav}
  titleTextColor="#212121"
  navigationBarHidden={false}
  initialRoute={{
    component: MiladView,
    title: 'Milad',
    rightButtonTitle: 'Go',
    onRightButtonPress: () => {
      this.refs.navigator.push({
          component: HadiView,
          title: 'Hadi',
          leftButtonTitle: 'Back',
          onLeftButtonPress: () => this.refs.navigator.pop(),
        });
      },
    }}
  />

this.navigator=navigator}
style={styles.nav}
titleTextColor=“#212121”
navigationBarHidden={false}
初始路线={{
组成部分：MiladView，
标题：“米拉德”，
右钮扣：“走”，
OnRightButton按：（）=>{
this.refs.navigator.push({
组成部分：HadiView，
标题：“哈迪”，
LeftButtontile:“Back”，
onLeftButtonPress:（）=>this.refs.navigator.pop（），
});
},
}}
/>

我想您可能需要

onrightbutonpress

vs

onrightbutonclick

@NaderDabit我已经更改了它，但它不起作用。chrome调试器指向这一行：

this.props.navigator.push（{

完全正确，非常感谢。NaderDabitIt先生似乎现在已经不推荐使用refs了。