[TIMOB-11254] iOS: When resizing a view, a centered child label does not go along with the animation

When resizing a view with an animation, a centered child label will jump to its new position immediately rather than sliding along with the redraw Animation. This happens when animating to a different height (i.e. when the label should be vertically centered in the view) and when animating to a different width in case the label is set to textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER (i.e. when the label should be horizontally centered in the view). This works perfectly fine on Android.

Steps to reproduce

1. Create a default master / detail application and use the following detail function (ui/common/DetailView). Expected Behavior: label should slide along with the animation Actual behavior: label just jumps off to the new position.

function DetailView() {
var self = Ti.UI.createView();

var wrapper = Ti.UI.createView({
    left: 10,
    top: 10,
    width: 200,
    backgroundColor: "#CCC",
    height: 50
});
var label = Ti.UI.createLabel({
    left: 10,
    right: 10,
    text: "Some text",
    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER
});
wrapper.add(label);
self.add(wrapper);

var isLarge = false;
wrapper.addEventListener("click", function(e) {
    isLarge = !isLarge;
    wrapper.animate({
        width: isLarge ? 300 : 200,
        height: isLarge ? 100 : 50,
        duration: 1000
    });
});
return self;
}
module.exports = DetailView;