Question

我将nav-title-slide-ios7 class与align-tittle="left"一起使用时出现动画问题。当中心对齐时，它可以正常工作，但是当左对齐时，它会在制作动画时闪烁。

<ion-nav-bar class="nav-title-slide-ios7 bar-positive" align-title="left">
  <ion-nav-back-button class="button-icon ion-arrow-left-c">
  </ion-nav-back-button>
</ion-nav-bar>

Answer 1

删除text-align：center style form

后尝试

.bar .title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    /* text-align: center; */ /** remove this **/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    line-height: 44px;
}

因为样式从上到下流动它会正常工作

修改

这是codepen的链接

http://codepen.io/anon/pen/gKulD

Answer 2

我发现通过更改为ion-nav-view设置的动画以匹配ion-nav-bar的动画，可以解决过渡动画期间闪烁的问题。

<ion-nav-view animation="slide-left-right-ios7"></ion-nav-view>

您可以在此代码中看到更改：http://codepen.io/anon/pen/hIFys。

我希望这会有所帮助。

为什么nav-title-slide-ios7不能与align-title =“left”一起使用？

2 个答案: