如何移回导航器主页

Question

Hai我在react native中使用navigator，我在主屏幕中编写了类似的navigator映射

LeftButton(route, navigator, index, navState){
    if(index > 0){
      return(
        <TouchableHighlight style={{marginTop: 10}}>
        <Text style={styles.arrow}>{arrow}</Text>
        </TouchableHighlight>
        )
    }else{
      return null
    }
  },

在三个屏幕之后，当我点击返回时，我需要将屏幕移动到主页，但这里显示在屏幕之前，尽管我在屏幕之前中这样写navigator.push（）

this.props.navigator.push({
      component: xxxx,
      title: 'xxxx',
      onLeftButtonPress:()=>{
        this.props.navigator.popToTop();
      }
    });

任何人给我如何解决这个问题的建议，任何帮助都非常感谢

Answer 1

当我这样写的时候，我的代码正在中工作

LeftButton(route, navigator, index, navState){
    if(index > 0){
      return(
        <TouchableHighlight style={{marginTop: 10}} onPress={() =>{
          if(route.name == 'xxx'){
            navigator.popToTop();
          }else if(index > 0){
            navigator.pop();
          }
        }}>
        <Text style={styles.arrow}>{arrow}</Text>
        </TouchableHighlight>
        )
    }else{
      return null
    }

在navigator.push中，我这样写

this.props.navigator.push({
      name:'xxx',
      component: xxx,
    });