css - react native 如何从视图底部放大？

Question

我想用 scaleY 放大动画以填充视图。问题是它从中心而不是底部开始。如何更改它以使动画从底部开始？

 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 }]
    }
};

我正在为这个动画使用 react-native-animatable。

Answer 1

transform-origin: bottom;

应该解决这个问题。