React Native Navigation v2 (wix) Disable TopBar

Question

I am using the React-Native-Navigation v2 from wix (NOT React-Navigation). I tried disabling the topBar which is rendered by default.

I used following options and am rendering bottomTabs:

Navigation.setDefaultOptions({
  topBar: {
    visible: false,
    _height: 0,
    drawBehind: true,
  },
});

The topBar disapears but shows an drawBehind animation on initial opening of the Tabs of bottomTabs.

Is there a way to disable the topBar ?

Best regards

Thanks for the comment. Didn't knew that this is best practice — tabulaR, Apr 10 '19 at 22:20

score 6 · Accepted Answer · answered Apr 10 '19 at 22:21

6

I added animate: false to the defaultOptions and removed _height

Navigation.setDefaultOptions({
  topBar: {
    visible: false,
    drawBehind: true,
    animate: false,
  }
});

this worked for me and doesn't show the animating on tabchange

answered Apr 10 '19 at 22:21

tabulaR

1 Answers1