如何使用Wix在iOS上隐藏后退按钮以响应本机导航

Question

我整个上午都被这个问题困扰。我已经阅读了多个GitHub问题和StackOverflow帖子，但没有任何效果。

我要删除下图左上方的蓝色后退按钮。 我注意到我完全无法自定义顶部栏。我无法在“后退”按钮等上添加标题（此提示可能表示出了问题）。

Navigation.setRoot

Navigation.events().registerAppLaunchedListener(() => {
  Reactotron.log('5');
  Navigation.setRoot({
    root: {
      stack: {
        children: [{
          component: {
            id: STARTING_SCREEN,
            name: STARTING_SCREEN
          }
        }],
      }
    },
    layout: {
      orientation: 'portrait',
    },
  }).then(()=>Reactotron.log('7'));

Navigation.push

SplashScreen（根屏幕）-> AccessScreen（下一个屏幕）。

Navigation.push(this.props.componentId, {
  component: {
    name: screen
  },
  options: {
    topBar: {
      backButton: {
        visible: false,
      }
    }
  }

几乎就像我在错误的位置指定了backButton选项。

Answer 1

一个棘手的解决方法

 leftButtons: [
      {
        id: 'something',
        text: '',
      },
    ],

text: ''将保留空白，因此将隐藏按钮。

实际上不是隐藏，但是的，你也可以这么说。

你很好走！！

Answer 2

使用它，但仅适用于ios

Navigation.setDefaultOptions({
    topBar: {
      backButton: {
        visible: false
      }
    },
})

或者您可以自定义topBar

Navigation.push(this.props.componentId, {
  component: {
    name: screen
  },
  options: {
    topBar: {
      backButton: {
        background: YourComponent
      }
    }
  }