Animating Repeater Item Height In NativeScript
<p>I'm trying to remove an item from a Repeater in NativeScript by simply collapsing it. I can scale the item's height just fine, but the space is preserved so that the Repeater jumps up after the item is removed. I want the remaining items in the Repeater to move up as the item being remove is collapsed.</p>

<p>Here is the behaviour I have now. Notice that the rest of the items don't move until the item being deleted is finished animating.</p>

<p><a href="https://i.stack.imgur.com/bO1WV.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bO1WV.gif" alt="enter image description here"></a></p>

<p>Here is what I've got so far for the animation code:</p>

<pre><code>let remove = (args: EventData) =&gt; {
    let view = &lt;View&gt;args.object;
    let item = view.parent.parent;

    let todo = view.bindingContext;

    item.originY = 0;

    item.animate({
        scale: { x: 1, y: 0 },
        curve: "easeIn",
        duration: 500
    })
    .then(() =&gt; {
        item.visibility = 'collapsed';
        viewModel.remove(todo);
    });
}
</code></pre>