-
-
Notifications
You must be signed in to change notification settings - Fork 241
Description
I've created a simple new project via tns create bbb --ng
Added a CSS animation class via animate.css
library :
app.css
@import '~nativescript-theme-core/css/core.light.css';
@import "~animate.css/animate.min.css";
.breath {
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
}
And now I've created 7 images with that class. Some with manual images and some are via *ngFor
:
This is the code for items.component.html
<ActionBar title="My App" class="action-bar"></ActionBar>
<GridLayout columns="*,*,*,*,*,*,*" rows="*">
<StackLayout row="0" col="1" >
<Image class="breath " [src]="'~/images/hat00001.png'" stretch="aspectFit"></Image>
</StackLayout>
<StackLayout row="0" col="2" >
<Image class="breath " [src]="'~/images/hat00001.png'" stretch="aspectFit"></Image>
</StackLayout>
<Image *ngFor="let o of [1,2,3,4,5];let i = index;"
[col]="i+3"
[class]="'breath'"
verticalAlignment="top"
[src]="'~/images/hat0000'+(i+2)+'.png'"
stretch="aspectFit"></Image>
</GridLayout>
There's nothing else. No TS code , no nothing. Just this html and css.
However , while writing down this issue ^ , look at the memory consumption :
Started at :
And now it's (keeps growing) :
Attached project : https://ufile.io/spicc
Video showing the ease growing leak :
Worth to mention: I'm not talking about the jumps. I'm talking about the easy growing memory consumption
Eventually the app is shutdown due to out of memory
Additional info :
Update: after 51 min - it's 0.2 GB :
This bug hurts the ability to use NS with games/continuous animations (said to be supported with css animations). :-(
Any workaround ?
BTW it also happens with Angular animations. ( i've created a test and still there's also a leak with Angular animations).