How to remove top tab from the screen in react native?

Question

I'm using wix react native navigation,I can navigate to a screen using

Navigation.events().registerAppLaunchedListener(() => {
Navigation.setRoot({
root: {
stack: {
  children: [{
    component: {
      name: 'myproject.AuthScreen',
      passProps: {
        text: 'stack with one child'
      }
    }
  }],
  options: {
    topBar: {
      title: {
        text: 'Welcome screen'
      }
    }
  }
}
}
})
});

But how to remove the top tab from that screen

score 0 · Accepted Answer · answered Dec 10 '18 at 08:48

0

Try this in the options :

topBar: {
   visible: false,
   drawBehind: true,
   animate: false,
},

answered Dec 10 '18 at 08:48

shubham

257
2
10

score 0 · Answer 2 · answered Dec 19 '18 at 10:19

In the component where you want to hide or show you can add this static function

export default class Screen extends Component {
  static get options() {
    return {
      topBar: {
        title: {
          text: 'Screen',
        },
        visible: false,
        drawBehind: true,
        animate: false,
      },
    };
  }
}

How to remove top tab from the screen in react native?

2 Answers2