如何在反应原生中推送视图控制器时隐藏/删除默认后退按钮?

时间:2016-06-15 14:59:55

标签: javascript ios react-native

我正在使用react native开发应用程序。我已经为导航实现了NavigatorIOS组件。它可以在推送和弹出导航中正常工作,但它显示默认的后退按钮,包含上一页标题和后退箭头。我的设计如右侧的取消按钮,没有后退/左按钮。我知道在objective-c中只有一行代码可以隐藏按钮。

我试过反应原生文件,但没有发现任何与此相关的内容。

任何人都可以了解它吗?

2 个答案:

答案 0 :(得分:4)

在使用NavigatorIOS推送时,看起来仍然没有办法隐藏左/右按钮。

我使用的一个小hack是将leftButtonTitle设置为空格。

this.props.navigator.push({
  title: 'New Screen',
  leftButtonTitle: ' ',
  component: MyComponent,
  passProps: { id: 101 },
})

答案 1 :(得分:0)

According to the docs,NavigatorIOS的支持由社区提供,而不是Facebook,因此功能有限。他们推荐Navigator用于"非平凡的应用程序"。您可以完全自定义此组件中的导航栏,但不能完全自定义NaviagatorIOS。

  

默认包含导航栏;此导航栏不是React Native视图组件,只能稍微修改样式。

您始终可以通过网桥导出该原生视图,但这可能比它的价值更多。