【问题标题】:How to hide/ remove Default back button when pushing view controller in react native?在本机中推送视图控制器时如何隐藏/删除默认后退按钮?
【发布时间】:2016-06-15 14:59:54
【问题描述】:

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

我尝试对原生文档做出反应,但没有发现任何相关信息。

有人知道吗?

【问题讨论】:

    标签: javascript ios react-native


    【解决方案1】:

    看起来在使用 NavigatorIOS 按下时仍然无法隐藏左/右按钮。

    我使用的一个小技巧是将 leftButtonTitle 设置为空白。

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

    【讨论】:

      【解决方案2】:

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

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-03-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多