🙂

А я наоборот добавил =)

// Fade annimation
.fade-enter-active, .fade-leave-active
 transition opacity .3s
.fade-enter, .fade-leave-to
 opacity 0

Без fade чет не то

слишком резко

Ребят, всем привет! Подскажите как рендерить элемент в зависимости от количество сообщений от пользователя? Дело в том что идет массив сообщений, где есть тип собеседник и сам пользователь.

Например пользователь пишет 2 или более сообщений, а аватарку нужно выводить рядом с последним сообщением. Пробовал ngFot last и index, но чет криво выходит, потому что считает весь массив и хз как решить...

<ion-item-group *ngFor="let chat of chats">
 <ion-item-divider sticky>
   <!-- date -->
 </ion-item-divider>

 <ion-item-sliding *ngFor="let message of chat.chats">
   <ion-item lines="none" *ngIf="message.type === 'user'">
     <ion-avatar slot="start">
       <img [src]="message.avatar">
     </ion-avatar>
     <div>
       <span>{{message.message}}</span>
       <small>12:45</small>
     </div>
   </ion-item>

   <ion-item lines="none" *ngIf="message.type === 'me'">
     <div slot="end">
       <span>{{message.message}}</span>
       <small>12:45</small>
     </div>
   </ion-item>
 </ion-item-sliding>
</ion-item-group>

код тут: tk social network

какая версия ионика?

4

топорная анимация при свайпе назад

когда swipe-back делаешь

fade анимация но она убогенькая

да и navigateForward тоже

надо искать для ionic 4, а вот для ionic 5 от самого разработчика ionic https://forum.ionicframework.com/t/solved-ionic-5-custom-page-animations/184918

https://github.com/mhartington/v5-animations

вроде есть нативные, пробовал?

есть но на старых девайсах там идет пикселизация)

renderer потому что рисует ужасно криво

выходит как буд то картинка из paint) или как фотки в ОК.ру