image - React Native Animated.event onScroll 从左上角而不是中心缩放图像

Question

你好，实际上我有一个方形图像，如果我向下滚动，我已经设法将图像缩放为零。

我的 ScrollView onScroll

onScroll={Animated.event(
                    [{nativeEvent: {contentOffset:{y: this.state.scrollY}}}])}

如果用户滚动 164 像素并达到 209 像素，则我的插值有效，则图像将不可见。

let scale = this.state.scrollY.interpolate({inputRange: [164, 209], outputRange: [1, 0], extrapolate: "clamp"});

这是我对带有变换（比例）的图像的包装

<Animated.View style={[styles.image, {opacity, transform: [{scale}]}]}>

实际上，图像是从中心点而不是从我想要实现的左上角缩放的。有谁知道如何通过样式属性转换从左上角进行缩放？我上传了一张图片来演示。

标签： imagereact-nativeanimationscale