javascript - Wix react-native-navigation 改变Tab和推屏

Question

如何同时切换标签页和推送屏幕？按下按钮时，我想切换到另一个选项卡并推送一个新屏幕。是否可以？

class Example extends Component {
      buttonHandler = () => {
        this.props.navigator.switchToTab({
          tabIndex: 0
        });
        this.props.navigator.push({  // actually this navigator's tabIndex is 0 
          screen: "dc.Examplecreen",
          title: "Exampe", 
          passProps: {
            lesson : this.props
          }    
       });
   }
}

Answer 1

您可以使用以下代码切换标签

Navigation.mergeOptions(this.props.componentId, {
  bottomTabs: {
    currentTabId: this.props.componentId
  }
});

并使用

推送

Navigation.push(this.props.componentId, {
  component: {
    name: 'example.PushedScreen',
    passProps: {
      text: 'Pushed screen'
    },
    options: {
      topBar: {
        title: {
          text: 'Pushed screen title'
        }
      }
    }
  }
});

您可以结合这两个代码创建一个函数。这不是我所知道的最佳解决方案，但有效!