Reactjs 无法在React Native Navigator中呈现新组件

我遇到的问题是，

onrightbutonpress

无法将新路线推送到导航器。似乎我也没有

navigator

对象，因为我没有任何道具。我错过了什么？当我点击触发

onrightbutonpress

功能的“创建”按钮时，我想呈现另一个视图

export default class App extends Component {
  render() {
    const addWorkoutRoute = {
      title: 'Add workout',
      component: AddWorkout,
    };

    return (
      <Provider store={store}>
        <NavigatorIOS
          style={styles.container}
          initialRoute={{
            rightButtonTitle: 'Create',
            onRightButtonPress: () => this.props.navigator.push(addWorkoutRoute),
            title: 'Workout overview',
            component: WorkoutList,
          }}
        />
      </Provider>
    )
  }
}

导出默认类应用程序扩展组件{
render（）{
常数addWorkoutRoute={
标题：“添加训练”，
组成部分：添加训练，
};
返回(
这个.props.navigator.push（addWorkoutRoute），
标题：“训练概述”，
组成部分：工作列表，
}}
/>
)
}
}

尝试在NavigatorIOS上设置一个ref，然后按下ref：

 <NavigatorIOS
    ref="nav"
    style={{ flex: 1 }}
    initialRoute={{
        rightButtonTitle: 'Create',
        onRightButtonPress: () => this.refs.nav.push(addWorkoutRoute),
        title: 'Workout overview',
        component: WorkoutList,
      }}
    />

onRightButtonPress: () => this.refs.nav.push(addWorkoutRoute),

我认为这是因为没有作为导航器的道具，因为它仍然是导航器的实例

我设置了一个基本的实现