从左上角而不是中心反应本地Animated.event onScroll缩放图像

时间:2019-05-25 16:59:17

标签: image react-native animation scale

你好,实际上我有一个正方形图像,并且我设法将图像向下滚动缩放为零。

我的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}]}]}>

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

comparison scale

0 个答案:

没有答案