Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49164

No animation on Master->Detail view transitions

$
0
0

@fredy26 wrote:

I have a view with a list of items. Common Master-Detail pattern. While trying to navigated to other view, I could clearly see that there is no any animation available on view transition... At the same time returning from Detail view has transition animation.
Why it is happening and how to make view animate on transition? Any advice?

Master view:

<ion-list>
      <ion-item  nav-transition="ios" nav-direction="exit" class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats" type="item-text-wrap"  href="#/chats/{{chat.id}}">
        <img ng-src="{{chat.face}}">
        <h2 class="conversation-header">{{chat.name}}</h2>
        <p>{{chat.lastText}}</p>
         <span class="myown-class-list-time conversation-time" am-time-ago="chat.time" ></span>
        <ion-option-button class="button-assertive" ng-click="remove(chat)">
          Leave
        </ion-option-button>
      </ion-item>
 </ion-list>

Detail view

<ion-view view-title="{{chat.name}}">
    <ion-nav-bar class="nav-bar-myown-class">
      <ion-nav-buttons side="left">
        <button class="button button-clear " ng-click="goBack()">
	      		<i class="icon ion-android-arrow-back"></i>
	    	</button>
      </ion-nav-buttons>
      <ion-nav-buttons side="right">
        <a class="button button-icon icon ion-ios-flag repaint2white" ng-click=""></a>
      </ion-nav-buttons>
    </ion-nav-bar>

    <ion-content class="padding">
      <img ng-src="{{chat.face}}" style="width: 64px; height: 64px">
      <p>
        {{chat.lastText}}
      </p>
    </ion-content>

  </ion-view>

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49164

Trending Articles