Question

我使用react-navigation设置了一个基本标题：

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。并且已经为所有屏幕设置了导航器ID，因此首先必须为屏幕设置该ID

谢谢。

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

1 个答案: