React native 从标题中的按钮导航到屏幕

我使用react导航设置了一个基本标题：

class HeaderRight extends Component {

  navigateToScreen() {
     // Navigate to different screen
  }

  render() {
    return (
    <View style={{marginTop: 22}}>
        <TouchableHighlight onPress={() => {
          this.navigateToScreen(true)
        }}>
          <Image source={require('../images/home-icon.png')}  style={{width: 30, height: 30}} />
        </TouchableHighlight>

    </View>
    );
  }
}

class HeaderRight扩展组件{
导航屏幕（）{
//导航到不同的屏幕
}
render（）{
返回(
{
此.navigateToScreen（true）
}}>
);
}
}

单击图像时，如何打开另一个从屏幕左侧设置动画的屏幕？

navigateToScreen（）
navigateToScreen()
{
  this.props.navigator.push({ transitionType : 'PushFromRight', id : 'YOUR SCREEN ID' });
}
render() {
    return (
    <View style={{marginTop: 22}}>
        <TouchableHighlight onPress={() => this.navigateToScreen()}>
          <Image source={require('../images/home-icon.png')}  style={{width: 30, height: 30}} />
        </TouchableHighlight>
    </View>
    );
  }

{
this.props.navigator.push（{transitionType:'PushFromRight'，id:'YOUR SCREEN id'}）；
}
render（）{
返回(
this.navigateToScreen（）}>
);
}

这里我使用了android导航器。 并且已经为所有屏幕设置了导航器ID，因此首先必须为屏幕设置该ID

多谢各位