【问题标题】:Ionic 1: make ion-nav-bar fixed, not update between viewsIonic 1:固定 ion-nav-bar,不在视图之间更新
【发布时间】:2017-08-13 15:43:02
【问题描述】:

我正在开发一个非常简单的 Ionic 1 应用程序,我希望在其中修复 ion-nav-bar,始终保持不变,将徽标显示为每个视图的标题。

关于ionNavBar docs,该指令的用法应该如下:

<body ng-app="starter">
  <!-- The nav bar that will be updated as we navigate -->
  <ion-nav-bar class="bar-positive">
  </ion-nav-bar>

  <!-- where the initial view template will be rendered -->
  <ion-nav-view>
    <ion-view>
      <ion-content>Hello!</ion-content>
    </ion-view>
  </ion-nav-view>
</body>

我的应用程序的index.html &lt;body&gt; 看起来差不多:

<body ng-app="adidasApp">

  <ion-nav-bar>
    <ion-nav-title>
      <img src="img/my-logo.png">
    </ion-nav-title>
  </ion-nav-bar>

  <ion-nav-view>
  </ion-nav-view>

</body>

正如文档指出的那样

导航栏将在我们导航时更新

导航栏将在我们导航时更新。这使我的图像褪色,感觉每次我在视图之间切换时它都在加载。

但我不希望这种情况发生。我希望我的图像一直保持静止,而不是每次更改视图时都更新。有没有办法做到这一点?

【问题讨论】:

    标签: javascript mobile ionic-framework hybrid-mobile-app


    【解决方案1】:

    您需要使用ion-header-bar 指令在某些内容上方添加一个固定的标题栏:http://ionicframework.com/docs/api/directive/ionHeaderBar/

    继续摇摆!

    【讨论】:

    • 非常感谢!继续摇摆! ??
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-01-11
    • 1970-01-01
    • 1970-01-01
    • 2015-02-12
    • 2016-08-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多