Repository navigation
Chained animations lose state on iOS #801
Description
The code below chains two animations—one that rotates an image 90 degrees, and a second that scales it to twice its size.
<Page loaded="loaded">
<AbsoluteLayout>
<Image src="~/logo.png" id="logo" />
</AbsoluteLayout>
</Page>exports.loaded = function(args) {
var page = args.object;
var message = page.getViewById("logo");
message.animate({
rotate: 90,
duration: 1000
}).then(function() {
return message.animate({
scale: { x: 2, y: 2 },
duration: 1000
});
});
};This works as intended on Android, but on iOS the second animation incorrectly rotates the image during the scaling, and then reverts to the appropriate value when the animation completes. You can see this behavior in the gif below:
Activity
hamorphis commentedon Sep 23, 2015
I will investigate this. Without looking at it, what comes to my mind is that the rotate and scale transform use the same spots in the affine transform matrix, i.e. UIView.transform property.
Fixed #801: Chained animations lose state on iOS.
Merge pull request #935 from NativeScript/animation
lock commentedon Aug 29, 2019
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.