Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
Animation 我可以在React Native中定制宽松功能吗?_Animation_React Native_Easing - Fatal编程技术网

Animation 我可以在React Native中定制宽松功能吗?

Animation 我可以在React Native中定制宽松功能吗?,animation,react-native,easing,Animation,React Native,Easing,我正在尝试使用react原生动画API制作一些标题动画,如下所示: 我设法改变了使用和,但我对这些基本的放松功能不满意,我想让我自己的放松功能像这样 我可以这样做吗?您可以提供自己的缓和函数作为动画.timing()配置对象的缓和属性,而不是预定义的缓和属性 代码可能如下所示: 常数bezierQuad=(t:number)=>{ 返回Math.min(1.0,Math.sin(28*t-6.16)/(5*t-1.1)) } 动画。计时({ toValue:。。。, 持续时间:。。。, 放松

我正在尝试使用react原生动画API制作一些标题动画,如下所示:

我设法改变了使用和,但我对这些基本的放松功能不满意,我想让我自己的放松功能像这样


我可以这样做吗?

您可以提供自己的缓和函数作为动画.timing()配置对象的缓和属性,而不是预定义的缓和属性

代码可能如下所示:


常数bezierQuad=(t:number)=>{
返回Math.min(1.0,Math.sin(28*t-6.16)/(5*t-1.1))
}
动画。计时({
toValue:。。。,
持续时间:。。。,
放松:bezierQuad,
}).start(()=>{
});
由于类型如下:


导出类型TimingAnimationConfig={
…动画配置,
toValue:
|数
|动画值
| {
x:号码,,
y:号码,
...
}
|动画值XY
|充满活力的相互作用,
放松?:(值:数字)=>数字,
持续时间?:数字,
延迟?:数字,
};
ease函数的类型如下所示:

(值:number)=>number
代码可能是这样的


常数bezierQuad=(t:number)=>{
返回Math.min(1.0,Math.sin(28*t-6.16)/(5*t-1.1))
}
动画。计时({
toValue:。。。,
持续时间:。。。,
放松:bezierQuad,
}).start(()=>{
});

谢谢!使我自己的easing函数如“customEasing(t){return…}”,并在easing属性(easing:this.customEasing)中提供它,这样就可以完美地工作。