反应本机导航器推送未定义崩溃的第一条路线

时间:2016-01-27 18:26:10

标签: navigation react-native

index.ios.js

render: function() {
    return (
        <NavigatorIOS
            style={styles.navigationContainer}
            initialRoute={{
            title: "Stories",
            component: Stories,
            leftButtonTitle : 'blabla',
            rightButtonTitle : 'Profile',
            onLeftButtonPress: () => {
             // this.blabla()
            },
            onRightButtonPress: () => {
             this.goProfile();
            }
        }} />
    );
}

goProfile功能

goProfile : function  () {
     this.props.navigator.push({
          title: 'Profile',
          component: profilePage,
          leftButtonTitle: 'Home',
      });
},

无法读取undefined的属性'push' 这个对象道具只有对象中的rootTag。 为什么崩溃第一页应用程序。

1 个答案:

答案 0 :(得分:0)

尝试添加navigator引用:

ref="navigator"

推送refs而不是道具:

goProfile : function  () {
     this.refs.navigator.push({
          title: 'Profile',
          component: profilePage,
          leftButtonTitle: 'Home',
      });
},

因此,您的NavigatorIOS应如下所示:

<NavigatorIOS
    ref="navigator"
    style={styles.navigationContainer}
    initialRoute={{
    title: "Stories",
    component: Stories,
    leftButtonTitle : 'blabla',
    rightButtonTitle : 'Profile',
    onLeftButtonPress: () => {
       // this.blabla()
    },
    onRightButtonPress: () => {
      this.goProfile();
    }
}} />