ImageView w/ scale: image position inconsistent between iOS and Android (v1.10)

I’m trying to create an animation where the image is much wider than the viewport and using translateX we pan the image through the viewport (from left: 0 to a negative left offset). Works great on iOS where it draws the image starting from top/left, but on Android it draws the image as if it’s center X, like so:

The area to the left is just getting cropped on Android. (Even if I try moving the ImageView to the right with a positive left offset, it doesn’t reveal more of the image — just cropped)

Code is basically this:

background = new tabris.ImageView({
    image: {
        src: "image.jpg",
    },
    scaleMode: "fill",
    layoutData: {
        top: 0,
        bottom: 0,
        left:  0,
        width: computedBackgroundImageWidth
    }
}).appendTo(rootComposite);

background.animate({
    transform: {
        translationX: (computedBackgroundImageWidth - screen.width) * -1
    }
}, {
    delay: 0,
    duration: 40000,
    repeat: 1000,
    reverse: true,
    easing: "linear"
});

Thanks!

[patbenatar]

This is great, thanks! The NavigationView was my biggest worry but it looks like there’s an easy polyfill for that. Cheers.

[mpost]

Closing this issue as resolved. Please reopen of you have any more problems.