重新激活 interpolateNode 以动画不透明度错误 "undefined is not an object (evaluating t.length)"
Reanimated2 interpolateNode to animate opacity error "undefined is not an object (evaluating t.length)"
我用的是react-native(不是expo),react-native版本是0.64.2
复活版本是2.2.3
reanimated2 interpolateNode 有一些问题。
这是重现问题的零食
https://snack.expo.dev/@vladid/juicy-raspberries
代码如下:
function AnimatedSomething(){
const inputRange = [0, 1];
const outputRange = [1, 0.4];
const sharedPosition = useSharedValue(1);
const opacityStyle = useAnimatedStyle(() => {
const opacity = interpolateNode(
sharedPosition.value,
inputRange,
outputRange
);
return {
opacity
}
})
我错过了什么?提前谢谢你。
也许我之前的回答: 可能对您有所帮助。
如果没有,请尝试删除重新动画的版本并使用 react-native 中的原生动画,效果非常好。
并且您在插值中添加了一个无用的值:
const sharePosition = new Animated.Value(1);
const animatedOpacity = sharePosition.interpolate({inputRange, outputRange});
我用的是react-native(不是expo),react-native版本是0.64.2 复活版本是2.2.3 reanimated2 interpolateNode 有一些问题。 这是重现问题的零食 https://snack.expo.dev/@vladid/juicy-raspberries
代码如下:
function AnimatedSomething(){
const inputRange = [0, 1];
const outputRange = [1, 0.4];
const sharedPosition = useSharedValue(1);
const opacityStyle = useAnimatedStyle(() => {
const opacity = interpolateNode(
sharedPosition.value,
inputRange,
outputRange
);
return {
opacity
}
})
我错过了什么?提前谢谢你。
也许我之前的回答:
如果没有,请尝试删除重新动画的版本并使用 react-native 中的原生动画,效果非常好。
并且您在插值中添加了一个无用的值:
const sharePosition = new Animated.Value(1);
const animatedOpacity = sharePosition.interpolate({inputRange, outputRange});