导航到按钮，屏幕头

Question

我已经安装使用反应导航一个基本报头：

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> 
    ); 
    } 
} 

当我点击图片我怎么打开从屏幕左侧动画另一个屏幕？

Answer 1

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> 
    ); 
    } 

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

谢谢。