How scale up from the bottom of an view in react native?

Question

I want to have an animation scale up with scaleY to fill up a view. The problem is that it starts from the center instead of the bottom. How can I change it so that animation starts from the bottom?

 const fillAnim = {
    0: {
        transform: [{ scaleY: 0 }]
    },
    0.25: {
        transform: [{ scaleY: 0 }]
    },
    0.5: {
        transform: [{ scaleY: 1 }]
    },
    0.75: {
        transform: [{ scaleY: 1 }]
    },
    1: {
        transform: [{ scaleY: 0 }]
    }
};

I am using react-native-animatable for this animation.

Answer 1

transform-origin: bottom;

should fix the issue.