title: How to hide back button on ios with wix react native navigation
body: <p>I have been stuck on this problem all morning. I have read multiple GitHub issues and StackOverflow posts and nothing has worked.</p>
  
  <p>I want to remove the blue back button in the top left of the below pic.
  <a href="https://i.stack.imgur.com/SG5XM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SG5XM.png" alt="enter image description here"></a>
  I have noticed I am having trouble customizing the top bar altogether. I cannot add a title to the back button etc (this hint might indicate what is wrong).</p>
  
  <p>Navigation.setRoot</p>
  
  <pre><code>Navigation.events().registerAppLaunchedListener(() =&gt; {
    Reactotron.log('5');
    Navigation.setRoot({
      root: {
        stack: {
          children: [{
            component: {
              id: STARTING_SCREEN,
              name: STARTING_SCREEN
            }
          }],
        }
      },
      layout: {
        orientation: 'portrait',
      },
    }).then(()=&gt;Reactotron.log('7'));
  </code></pre>
  
  <p>Navigation.push</p>
  
  <p>SplashScreen (root screen) -> AccessScreen (next screen).</p>
  
  <pre><code>Navigation.push(this.props.componentId, {
    component: {
      name: screen
    },
    options: {
      topBar: {
        backButton: {
          visible: false,
        }
      }
    }
  </code></pre>
  
  <p>It's almost as if I am specifying the backButton options in the wrong place.</p>