Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应动画-Can';t插值下降值_Reactjs_React Native_React Animated - Fatal编程技术网

Reactjs 反应动画-Can';t插值下降值

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

我正在尝试插值一个动画值(移动)以将其绑定到同时发生的另一个动画(宽度更改)。为什么输入范围不支持降序值?我想得不对吗

动画将向上移动(到屏幕外的点),因此y值必须下降。显然,向下(递增)移动时,动画效果良好。这项功能根本不适用于我的情况吗?有什么我可以利用的工作吗

谢谢

  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]。这就是你想要的吗?或者你只是想知道为什么“输入范围必须是单调递增的”?