Reactjs 反应动画-Can';t插值下降值
我正在尝试插值一个动画值(移动)以将其绑定到同时发生的另一个动画(宽度更改)。为什么输入范围不支持降序值?我想得不对吗 动画将向上移动(到屏幕外的点),因此y值必须下降。显然,向下(递增)移动时,动画效果良好。这项功能根本不适用于我的情况吗?有什么我可以利用的工作吗 谢谢Reactjs 反应动画-Can';t插值下降值,reactjs,react-native,react-animated,Reactjs,React Native,React Animated,我正在尝试插值一个动画值(移动)以将其绑定到同时发生的另一个动画(宽度更改)。为什么输入范围不支持降序值?我想得不对吗 动画将向上移动(到屏幕外的点),因此y值必须下降。显然,向下(递增)移动时,动画效果良好。这项功能根本不适用于我的情况吗?有什么我可以利用的工作吗 谢谢 state = { movementAnimation: new Animated.ValueXY({ x: 0, y: 100 }), }; render(){ const interpolateMovem
state = {
movementAnimation: new Animated.ValueXY({ x: 0, y: 100 }),
};
render(){
const interpolateMovement=this.state.movementAnimation.y.interpolate({
输入范围:[100,20,-50],
输出范围:['100%,'50%,'100%,
});
返回(
去吧!!!!!!
);
}
}
我经常检查你的代码
你在这些方面有一些小问题
inputRange: [0, 1, 2], //Values should be in ascending order
outputRange: ['100', '50', '100'],// The numbers do not include percentages
现在可以通过以下方式控制动画:
toValue: {x: 0, y: 2},
现在它可以正常工作了
<Button title={'GO!!!!!'} onPress={this.animateMove} />
我试过了 我经常检查你的代码
你在这些方面有一些小问题
inputRange: [0, 1, 2], //Values should be in ascending order
outputRange: ['100', '50', '100'],// The numbers do not include percentages
现在可以通过以下方式控制动画:
toValue: {x: 0, y: 2},
现在它可以正常工作了
<Button title={'GO!!!!!'} onPress={this.animateMove} />
我试过了 将输入范围:[100,20,-50]更改为输入范围:[0,0.5,1]。这就是你想要的吗?或者您只是想知道为什么“输入范围必须是单调递增的”?将输入范围:[100,20,-50]更改为输入范围:[0,0.5,1]。这就是你想要的吗?或者你只是想知道为什么“输入范围必须是单调递增的”?